Tag: datepicker

我怎样才能将jquery datepicker格式化为“25-JAN-2009”

我原以为这是: .datepicker({ dateFormat: ‘dd-mmm-yyyy’ }); 一个月,我得到一些我不知道他们来自哪里的号码?

JQuery datePicker日期重置

我想在日历底部的日期选择器中添加一个“重置”控件 – “关闭”控件的位置。 这将使用户能够将与datepicker绑定的输入重置为空白(无日期)。 我无法弄清楚如何编写绑定函数,具体来说,我如何获取绑定到控件的元素? if (this.displayClear) { $pop.append( $(” + $.dpText.TEXT_CLEAR + ”) .bind( ‘click’, function() { c.clearSelected(); //help! reset the value to ”: $(this.something).val(”) c._closeCalendar(); } ) ); }

Chrome类型=“日期”和jquery ui日期选择器冲突

我有一个输入框,其类型为“日期”,在IE中一切正常,但在最新版本的Chrome中,它带有一个微调器,向下箭头和占位符为mm / dd / yyyy。 在Chrome中,点击该字段Chrome会打开一个日期选择器,我已经为我的应用程序使用了jquery ui的datepicker。 这两者都在发生冲突,如下所示: 我已经应用了如下修复: input[type=”date”]::-webkit-calendar-picker-indicator{ display:none; -webkit-appearance: none; margin: 0; } input[type=”date”]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; } /** THIS DOESN'T WORK **/ input[type="date"]::-webkit-input-placeholder{ display:none !important; -webkit-appearance: none !important; visibility: hidden !important; } /** THIS DOESN'T WORK **/ 添加上面的代码后,看起来很明智: 上面的代码隐藏了激活Chrome日期选择器的微调器和箭头。 但是有一个问题,占位符(’mm […]

突出显示,禁用jQuery UI datepicker中的特定日期

在这里,我想实现以下目标 突出显示日期选择器中的所有假期 禁用日期选择器中的特定日期 禁用日期选择器中的特定周末 我有各自的片段,但我想要一起 小提琴: 工作演示 突出显示假期 var holydays = [’10/17/2013′, ’10/18/2013′, ’11/2/2013′]; function highlightDays(date) { for (var i = 0; i < holydays.length; i++) { if (new Date(holydays[i]).toString() == date.toString()) { return [true, 'highlight']; } } return [true, '']; } $(function () { $("#dp").datepicker({ minDate: 0, dateFormat: 'mm/dd/yy', inline: true, numberOfMonths: [1, 2], […]

克隆元素上的jquery datepicker

我正在尝试将一个datepicker控件应用于克隆的输入字段。 我正在做的是找到我要克隆的表格行,用克隆(false)克隆它,然后对每个输入使用类.date调用datepicker()。 代码如下: $(‘.repeat’).bind(‘click’, function(){ var parentEl = $(this).parents(‘.root’); var lastRow = jQuery.makeArray($(parentEl).find(‘.last’)); var newRow = $(lastRow).clone(false); $(lastRow).removeClass(‘last’); $(newRow).addClass(‘last’); newRow.find(‘input’).each(function(){ this.name = this.name.replace(/\[(\d+)\]/,function(str,p1){return ‘[‘ + (parseInt(p1,10)+1) + ‘]’}); }).end().insertAfter($(lastRow)); newRow.find(‘.date’).each(function() { $(this).removeAttr(‘id’); $(‘.date’).datepicker({dateFormat: ‘dd-mm-yy’, changeYear: true, yearRange: ‘1970:2010′}); }); 现在,$(this).datepicker()和$(’。date’)。datepicker()都无法将datepicker控件附加到input.date。 除了datepicker位之外,上面的代码按预期工作。 有人有什么想法吗?! 提前致谢!

将“st,nd,rd,th”添加到jquery datepicker

如何添加st,nd,rd,th日期格式..即11月19日,或12月2日等。 目前,我有以下代码 $( “#datepicker” ).datepicker({ altField: “#alternate”, altFormat: “DD, MM d “, minDate: +0 });

jQuery DatePicker最小最大日期

我有jQuery日期选择器设置和工作,但希望帮助设置minDate和maxDate选项。 我目前的代码如下(没有这些选项)。 如何将defaultDate设置为defaultDate前3个月,maxDate设置为defaultDate后28天? var expdisp = $(“#expdisp”).attr(“value”); $(“#expirydate” ).datepicker({ showOn: “button”, buttonImage: “images/calendar.gif”, buttonImageOnly: true, dateFormat: “dd/mm/yy”, defaultDate: expdisp, showOtherMonths: true, selectOtherMonths: true, changeMonth: true, changeYear: true, });

使用JQuery Datepick选择发布表单

我有一个日历,我只显示某些日期,其余日期已禁用。 我得到了所有日期并编制了我的日历,它显示没有问题 $(function() { $.post(‘/jreqlib’, { Action: ‘GetDates’, }, function(data) { var myNewDates = new Array; for (var x = 0; x < data['validPubDates'].length; x++) { myNewDates.push(data['validPubDates'][x]); } var myValidDates = new Array; for (var x = 0; x<data['validPubDates'].length; x++) { var theDate = data['validPubDates'][x]; myValidDates.push(theDate); } $('#inlineDatepicker').datepick({ multiSelect: 999, minDate : '-14d', maxDate : […]

缩小大小并更改bootstrap-datepicker字段的文本颜色

在Web视图中编写基于HTML5 / JQuery启动的Android应用程序,我使用的是Eternicode的bootstrap-datepicker。 顺便说一下,我正在使用Jquery 1.9.1和Bootstrap 2.3.2以及bootstrap-responsive。 选择器工作正常,但不幸的是我得到了两个我目前无法解决的问题: 拾取器主题不受尊重,某些日期不可读(参见附图)。 有些有css冲突,例如datepicker的字体在白色背景上显示为白色。 我无法减小日期选择器字段的大小,例如它保持在单独的行上。 我的标记代码是: One Date 我通过Javascript初始化datepicker: $(“#dateId”).datetimepicker({ pickTime: false, format: “dd/MM/yyyy”, startDate: startDate, endDate: endDate, autoclose: true }); $(“#dateId”).on(“changeDate”, onChangeDate); 你对这些问题有任何了解吗? 非常感谢

Jquery:DatePicker:开始/结束日期

在发布我的问题之前,我已经环顾四周 按照我在datepicker中查看的内容(开始日期和结束日期): 1) 开始日期:可以是任何日期,(用户可以选择开始日期当前(现在)到任何将来的日期。 2) 开始日期:用户可以选择开始日期为6个月。 例如:如果今天是04/22/2010,那么我可以回到2009年11月22日,但不会超过6个月。 3)如果用户选择开始日期(未来的当前,而不是过去)少于10天的开始日期,那么我想提醒“需要至少10天”的消息 4) 结束日期:应该是当前日期到未来日期,以前的日期都被禁用。 5)**开始日期/结束日期:**不应超过一年。 非常感谢。 PS:不确定我在这里要求太多:)