Many thanks for your help Ben, I have built upon your posts and have come up with this. It is now complete and works brilliantly! Here’s a Working Demo. Add /edit to the URL to see the code Complete Code below- $(function () { $(‘#txtStartDate, #txtEndDate’).datepicker({ showOn: “both”, beforeShow: customRange, dateFormat: “dd M yy”, firstDay: … Read more
This issue can be solved using the noConflict method of bootstrap-datepicker $.fn.datepicker.noConflict = function(){ $.fn.datepicker = old; return this; }; You can just do $.fn.datepicker.noConflict() which replaces the bootstrap datepicker with the older datepicker which was present, in this case jQuery UI. For those who wants to keep both datepickers, you can do something along … Read more
You could do: $(‘#date’).datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: ‘dd MM’ }); fiddle http://jsfiddle.net/u8GnD/1/
$(function () { $(‘#datepicker’).datepicker({ dateFormat: ‘yy-mm-dd’, showButtonPanel: true, changeMonth: true, changeYear: true, yearRange: ‘1999:2012’, showOn: “button”, buttonImage: “images/calendar.gif”, buttonImageOnly: true, minDate: new Date(1999, 10 – 1, 25), maxDate: ‘+30Y’, inline: true }); }); Just added year range option. It should solve the problem
Try passing in a Date object instead. I can’t see why it doesn’t work in the format you have entered: <script type=”text/javascript”> $(function() { $(“#birthdate” ).datepicker({ changeMonth: true, changeYear: true, yearRange: ‘1920:2010’, dateFormat : ‘dd-mm-yy’, defaultDate: new Date(1985, 00, 01) }); }); </script> http://api.jqueryui.com/datepicker/#option-defaultDate Specify either an actual date via a Date object or as … Read more
Yes, indeed. The datepicker has the maxdate property that you can set when you initialize it. Here’s the codez $(“#datepicker”).datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
Without changing jquery.validate.js, you can use the code snip below in $(document).ready(): jQuery.validator.methods.date = function (value, element) { var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); if (isChrome) { var d = new Date(); return this.optional(element) || !/Invalid|NaN/.test(new Date(d.toLocaleDateString(value))); } else { return this.optional(element) || !/Invalid|NaN/.test(new Date(value)); } };
For those that still have problems, you have to download the language file your want from here: https://github.com/jquery/jquery-ui/tree/master/ui/i18n and then include it in your page like this for example(italian language): <script type=”text/javascript” src=”https://stackoverflow.com/scripts/jquery.ui.datepicker-it.js”></script> then use zilverdistel’s code 😀
I created a jsfiddle for you. I’m not a 100% sure if it’s “foolproof” but to prevent users from manually typing a date you could set the inputs to readonlye.g. <input type=”text” id=”dt1″ readonly=”readonly”> At the moment I check the dt2 onClose and if its date is below dt1s date I correct it. Also if … Read more
It looks like you’re calling datepicker twice on one input. Its kind of hard to follow your code, but if you re-organize it and remove the second datepicker call, everything should work: <script type=”text/javascript”> var unavailableDates = [“9-3-2012”, “14-3-2012”, “15-3-2012”]; function unavailable(date) { dmy = date.getDate() + “-” + (date.getMonth() + 1) + “-” + … Read more