Questions tagged «jquery-ui-datepicker»

jQuery-ui中的日期选择器小部件,允许用户从弹出式日历或嵌入式日历中选择日期

28
jQuery UI DatePicker-更改日期格式
我正在使用jQuery UI的UI DatePicker作为独立的选择器。我有以下代码: <div id="datepicker"></div> 和下面的JS: $('#datepicker').datepicker(); 当我尝试使用以下代码返回值时: var date = $('#datepicker').datepicker('getDate'); 我返回了: Tue Aug 25 2009 00:00:00 GMT+0100 (BST) 这是完全错误的格式。有没有办法让我以格式返回它DD-MM-YYYY?


6
jQuery UI:Datepicker将年份范围下拉列表设置为100年
默认情况下,使用Datepicker的年份下拉列表仅显示10年。用户必须单击上一年才能获得更多的年份。 我们如何将初始范围设置为100年,以便用户默认情况下会看到一个大列表? function InitDatePickers() { $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, maxDate: '@maxDate', minDate: '@minDate' }); }

19
如何用今天的日期预填充jQuery Datepicker文本框?
我有一个非常简单的jQuery Datepicker日历: $(document).ready(function(){ $("#date_pretty").datepicker({ }); }); 当然还有HTML ... <input type="text" size="10" value="" id="date_pretty"/> 当用户调出日历时,今天的日期会很好地突出显示给用户,但是我如何让jQuery在页面加载时用今天的日期预填充文本框本身,而无需用户执行任何操作?在99%的时间中,今天的默认日期将是他们想要的。


12
如何本地化jQuery UI Datepicker?
我真的需要一个本地化的下拉日历。英文日历无法在挪威网站上准确传达卓越;-) 我已经对jQuery DatePicker进行了实验,他们的网站说它可以本地化,但是似乎不起作用。 我正在使用ASPNET.MVC,我真的想坚持使用一个JavaScript库。在这种情况下,jQuery。 ajax工具包日历可以接受,只要它也可以显示挪威名称即可。 更新:太棒了!我看到我缺少语言文件,一个不太重要的细节:-)

21
如何更改jQuery DatePicker控件的弹出位置
是否知道如何使DatePicker显示在关联的文本框的末尾而不是直接出现在其下方?倾向于发生的情况是,文本框位于页面底部,而DatePicker向上移动以解决该问题,并完全覆盖了文本框。如果用户想输入日期而不是选择日期,则不能。我宁愿它出现在文本框之后,所以它如何垂直调整都无关紧要。 知道如何控制定位吗?我没有看到小部件的任何设置,也没有运气来调整CSS设置,但是我很容易会丢失一些东西。

16
jQuery Date Picker-禁用过去的日期
我正在尝试使用UI日期选择器选择日期范围。 在“从/到”字段中,人们应该无法查看或选择当前日期之前的日期。 这是我的代码: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings ); dates.not( …

4
在两个日期内生成随机日期数组的优雅方法
我有一个日期选择器,其中显示两个月,我想在每个可见月份中随机选择3个日期 $('.date').datepicker({ minDate: new Date(), dateFormat: 'DD, MM, d, yy', constrainInput: true, beforeShowDay: processDates, numberOfMonths: 2, showButtonPanel: true, showOn: "button", buttonImage: "images/calendar_icon.jpg", buttonImageOnly: true }); 这是我的计算 var now = new Date(); var nowTime = parseInt(now.getTime()/1000); var randomDateSet = {}; function getRandomSet(y,m) { var monthIndex = "m"+y+""+m; // m20121 for Jan …

16
如何清除/重置jQuery UI Datepicker日历上的选定日期?
如何重置日期选择器日历值?..最小和最大日期限制? 问题是当我清除日期(通过删除文本框值)时,以前的日期限制仍然适用。 我一直在整理文档,没有任何解决方案。我也无法在SO / google搜索中找到快速解决方案 http://jsfiddle.net/CoryDanielson/tF5MH/ 解: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ _.clearDate()是DatePicker对象的私有方法。您不会在jQuery UI网站的公共API中找到它,但是它的作用就像一个魅力。

7
jQuery UI日期选择器。禁用日期数组
我一直在尝试寻找解决我的Jquery ui datepicker问题的解决方案,但我没有运气。这就是我想要做的... 我有一个应用程序,在这里我正在做一些复杂的PHP,以从jQuery UI Datepicker返回我希望阻止的日期的JSON数组。我返回这个数组: ["2013-03-14","2013-03-15","2013-03-16"] 有没有简单的方法可以简单地说:从datepicker阻止这些日期? 我已经阅读了UI文档,但没有任何帮助。谁有想法?

13
如何使用JavaScript添加/减去日期?
我想让用户使用JavaScript轻松添加和减去日期,以便按日期浏览其条目。 日期的格式为:“ mm / dd / yyyy”。我希望他们能够单击“下一步”按钮,并且如果日期为:“ 06/01/2012”,则单击下一步时,它应变为:“ 06/02/2012”。如果他们单击“上一个”按钮,则它应变为“ 05/31/2012”。 它需要跟踪of年,每月的天数等。 有任何想法吗? 使用AJAX从服务器获取日期的PS不是一种选择,这有点滞后,也不是客户想要的用户体验。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.