Nepali Multi Date Picker for jQuery. Supports both single date selections and multiple date selection.

Overview

Nepali Multi Date Picker

A simple yet powerful date picker based in Nepali calendar. Supports both single date selections and multiple date selection. Can be used inline with form input. Multiple date selection can be done by pressing Shift or Control / Command key.

DEMO

Check working demo here

Getting Started

Installing

Include these files

<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link  href="/path/to/nepali-date-picker.css" rel="stylesheet">
<script src="/path/to/nepali-date-picker.js"></script>

Usage

Initialize with $.fn.nepaliDatePicker method.

<input class="datepicker">
$('.datepicker').nepaliDatePicker();

Single or Multiple Selection Mode

By default it is in multiple date selection mode. If you want to use single date selection mode then just add data-single="true" in your markup.

<input class="datepicker" data-single="true">

Options

In multiple date selection mode, selected date can be displayed in 3 different ways.

  • If only 1 date is selected, then it will show selected date as value in input field.
  • If more than 1 date is selected, then following message will be shown in input field:
    * dates selected
    
  • To show multiple dates as value, use data-show_all_dates="true" in input field.

Authors

License

See the License file for details

You might also like...

this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

Awsome Books In this Project, we have built A Books websites. Built With 🔨 HTML CSS javascript Git & Github Live Demo Here you can find the live Demo

Aug 3, 2022

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library.

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library.

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

Dec 27, 2022

A jQuery Single/Multi Select plugin which can be used on almost any device

jquery.sumoselect jquery.sumoselect.js - A beautiful cross device Single/Multi Select jQuery Select plugin. A jQuery plugin that progressively enhance

Dec 7, 2022

Simple date and time picker in vanilla javascript

simplepicker Simple datetime picker in vanilla javascript. This project is mostly based on material-datetime-picker, but without it relying on externa

Jul 18, 2022

📆 The modern, open source "Airbnb style" date picker.

Date Picker A pretty, modern date picker. Coming soon. 💡 Get Started wip wip 🧪 Testing pnpm test 📈 Changelog Please see our releases page for more

Oct 11, 2022

A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js, that is based on Dan Grossman's bootstrap-daterangepicker.

A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js, that is based on Dan Grossman's bootstrap-daterangepicker.

vanilla-datetimerange-picker Overview. A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js,

Dec 6, 2022

Bootstrap Persian/Gregorian Date Time Picker

Bootstrap Persian/Gregorian Date Time Picker

MD.BootstrapPersianDateTimePicker Bootstrap 5+ Persian And Gregorian Date Time Picker Major changes: Using Bootstrap 5 jQuery Removed Rewrite all code

Nov 23, 2022

A lexical analyzer based on DFA that made by JS and supports multi-language extension

A lexical analyzer based on DFA that made by JS and supports multi-language extension

lexer 一个基于DFA法的支持多语言扩展的JS版开源词法分析器,快速了解与体验请查看线上网站 It is a lexical analyzer based on DFA that made by JS and supports multi-language extension. For quic

Dec 21, 2022

Smart selection with double clicks for VS Code.

Smart selection with double clicks for VS Code.

Smart Clicks VS Code Smart selection with double clicks for VS Code. GIF Demo Usage Double clicks on the code. Rules bracket-pair Pair to inner conten

Dec 28, 2022
Comments
  • Date not auto selected when data-show_all_dates=

    Date not auto selected when data-show_all_dates="true"

    Date was not auto selected in pop up calendar when :

    • input field has data-show_all_dates="true" and "values" has multiple dates.
    opened by sonill 0
  • feature update

    feature update

    1. add custom event when date is selected.
    2. Can now use any selector to display calendar
    3. Shows selected dates in span if selector is not "input" type
    4. No need to click "Apply" button if "data-single"="true"
    opened by sonill 0
Releases(2.0)
Owner
Sanil Shakya
A freelance Web Developer from Pokhara.
Sanil Shakya
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.

bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview for various files, offers multiple selection, resu

Kartik Visweswaran 5.2k Jan 3, 2023
Multiple Selection Combo Box using Bootstrap 3

MagicSuggest v2.1.6 Bug Fix (fix) Disabled arbitrary HTML and SCRIPT execution on input. MagicSuggest v2.1.5 (fix) prepend close button instead of app

null 1.3k Dec 22, 2022
Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.

Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo

Tool Cool 13 Oct 23, 2022
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.

Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de

TEK 27 Jun 27, 2022
⚡🚀 Call multiple view functions, from multiple Smart Contracts, in a single RPC query!

ethers-multicall ⚡ ?? Call multiple view functions, from multiple Smart Contracts, in a single RPC query! Querying an RPC endpoint can be very costly

Morpho Labs 20 Dec 30, 2022
A simplified jQuery date and time picker

jSunPicker A simplified jQuery date and time picker Why another Date picker? There are numerous date, time pickers out there. However, each of those l

null 1 May 31, 2022
A super-lightweight, highly configurable, cross-browser date / time picker jQuery plugin

Zebra Datepicker A super-lightweight, highly configurable, cross-browser date/time picker jQuery plugin Zebra_Datepicker is a small yet and highly con

Stefan Gabos 391 Dec 29, 2022