leapfrogtechnology / nepali-date-picker Goto Github PK
View Code? Open in Web Editor NEWNepali Date Picker jQuery Plugin ЁЯЗ│ЁЯЗ╡
Home Page: http://leapfrogtechnology.github.io/nepali-date-picker/demo/
License: ISC License
Nepali Date Picker jQuery Plugin ЁЯЗ│ЁЯЗ╡
Home Page: http://leapfrogtechnology.github.io/nepali-date-picker/demo/
License: ISC License
Datepicker won't hide when I click the document. I have to click on date in datepicker to get it hidden.
Is there a way we can get date in AD on date change and input date in AD on plugin initialization or during runtime?
What I'm trying to do is, get a date in AD when user changes the date in nepali and add the date in hidden input so that I don't have to convert it in backend.
is there any way that i can get dates in format of YYYY-MM-DD (реирежренрей-режреи-режрей) .... i dont find other plugins to working incredibly than this but it would be more profitable if i could generate in the format as i mentioned
please if possible add a feature to calculate the age from the selected date
In the month of jesth of 2081 there should be total 32 days in that month but there is only 31 days in your data set. Please fix this issue.
I would like to manually input the data from 1BS or 1000 BS, it is possible?
I can provide the data and i would love to contribute too.
Datepicker doesn't appear at the position of datepicker input. The left and top value of datepicker css is incorrect.
Date conversion fails for a specific AD month.
Step to reproduce:
calendarFunctions.getBsDateByAdDate(2018, 03, 12)
This throws "RangeError: Parameter bsMonth value should be in range of 1 to 12"
I use below CSS to indicate holidays, it would be awesome if I can set date range or some sort of date arrays.
/*Custom - Holiday indicator*/
<style> #ndp-nepali-box #ndp-table table td:has(a[data-value="2080-03-03"]){ background: #ff9898; } </style>
<style> #ndp-nepali-box #ndp-table table td:has(a[data-value="2080-03-04"]){ background: #ff9898; } </style>
<style> #ndp-nepali-box #ndp-table table td:has(a[data-value="2080-03-05"]){ background: #ff9898; } </style>
/*Saturday - рд╕рд╛рд░реНрдмрдЬрдирд┐рдХ bida*/
<style>
#ndp-nepali-box #ndp-table table tr td:nth-child(7){ background: #ff3f3f; }
#ndp-nepali-box #ndp-table table tr td:nth-child(7)>a{color:white;}
</style>
how to set current nepali date automatically as default date in date select input field.???
The today's date and date conversion function, shows yesterday's date. I tried testing in demo app, where it shows that today's date as 19th of Chaitra Wednesday, same result for April 2, 2020 conversion.
If we focus out by tabbing the field datepicker doesn't close.
Why is the required in the input doesn't work?
Thank you for such good library. But i am facing an issue while editing project start date and end date.
When i supply english date directly, it is obvious to show invalid nepali number. But when i store the english start date and english end date in hidden input and later use getBsDateByAdDate function, it do not give error but the nepali calendar is not set to given date.
Can you help me with this?
My datepicker setup is like below:
My datepicker when providing nepali date after conversion like in setup:
My datepicker date is not set according to given date input:
i got the following error while using month and year only:
jquery.nepaliDatePicker.min.js:1 Uncaught ReferenceError: Missing required parameters: bsYear, bsMonth, bsDate
am i doing something wrong??
following is my code:
$(document).ready(function(){
$('#nepaliDatepicker').nepaliDatePicker({
dateFormat: "%y-%m",
closeOnDateSelect: true
});
let nep_date = (calendarFunctions.getBsDateByAdDate(year, month, day));
let nepMonth = calendarFunctions.getNepaliNumber(nep_date.bsMonth);
let nepYear = calendarFunctions.getNepaliNumber(nep_date.bsYear);
$('#nepaliDatepicker').val(nepYear+'-'+nepMonth);
});
Hello,
can we integrate with laravel 8, and laravel 8 application in module?
Regards,
Kamal
I have a value '2019, 9, 17' as ad date, I want to convert this to bs date. The problem is:
if i run console.log(calendarFunctions.getBsDateByAdDate(2019, 9, 17));
It shows correct value but if i write
var cp = '2019, 9, 17 ';
console.log(calendarFunctions.getBsDateByAdDate(cp));
then it says invalid format. What is the issue with this ??
documentation is not clear on what to import this in reactjs,
Hey there, thanks for the datepicker,
I tried to implement it in my application, however, its throwing error on Initialize Date Picker
ts file:
$(".date-picker").nepaliDatePicker({
dateFormat: "%D, %M %d, %y",
closeOnDateSelect: true,
minDate: "рд╕реЛрдо, рдЬреЗрда резреж, реирежренрей",
maxDate: "рдордВрдЧрд▓, рдЬреЗрда рейреи, реирежренрей"
});
HTML:
<div class="form-group">
<input type="text" value="" name="date" class="date-picker nepalidatepicker">
</div>
Do I need to import anything in my TS file to get rid of this error?
It would have been nicer to have time select alongside the date itself like for input type datetime-local
.
Any plan to support it in vue component?
latest date is not accurate in nepali date picker instead of chaitra 24 its coming 25
A declarative, efficient, and flexible JavaScript library for building user interfaces.
ЁЯЦЦ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ЁЯУКЁЯУИЁЯОЙ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google тЭдя╕П Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.