Tag: jquery ui datepicker

jQuery UI datepicker：如何将星期日变成红色？: 我需要星期天以红色突出显示。我知道有一个名为ui-datepicker-week-end 。我的问题是，其他类（ ui-widget-content和ui-state-default ）会覆盖ui-datepicker-week-end的红色，即使设置为!important 。唯一有色的是日历标题中的周末日。

更改JQuery DatePicker的标题: 我正在寻找更改我的JQuery DatePicker的标题，因为它显示错误的西class牙语格式。它说“agosto 2015”而不是“Agosto de 2015”。有没有办法可以做到这一点？提前致谢！

防止datepicker触发父mouseleave: 我在jQuery $.animate({height: ‘toggle’, opacity: ‘toggle’})上显示了一个带有jQuery $.animate({height: ‘toggle’, opacity: ‘toggle’}) $.hover() 。我有一个jQuery UI datepicker附加到上述absolute div其中包含changeMonth: true和changeYear: true 。更改月份或年份或选择日期时，动画将触发。如何阻止月/年更改和日期选择触发$.hover() ？ http://jsfiddle.net/e3zP2/ HTML hover me arbitrary text JS $(document).ready(function () { $(“#dateSelector”).datepicker({ changeMonth: true, changeYear: true }); $(“#hoverAnchor”).add($(“#hoverMe”)).hover(function(){ $(“#hoverMe”).stop(true,false).animate({ height: ‘toggle’, opacity: ‘toggle’ }, 200); }); });

如何使用jQuery ui datepicker计算今天的天数？: 美好的一天，从jQuery datepicker中选择日期后，我计算从现在到选定日期的天数有点麻烦。我认为datepicker正在改变选择日期的日期格式并导致计算出错但我无法弄清楚如何对付这个。我确信这是我，但我看不到树林，所以任何建议都会有所帮助。这是代码： $(document).ready(function () { $(“.datepicker-calc”).datepicker({ dateFormat: “dd/mm/yy”, changeMonth: true, changeYear: true, onSelect: function (date, e) { var expDate = new Date(date); var date = e.selectedDay; if (date < 10) { date = ("0" + e.selectedDay) } var month = e.selectedMonth; if (month < 10) { month = ("0" + e.selectedMonth) […]

基于事件类型的单元格的jQuery Datepicker背景颜色: 我需要根据事件类型显示不同颜色的不可用日期，或者当天是否已满。下面的例子从数据库中提取日期，我将它们作为数组传递给JavaScript，目前我正在传递数组[2012,7, 15, ‘Some events’]中的四个参数，如年，月，日和年。我想改变这个数组以传递第五个参数作为颜色[2012,7, 15, ‘Some events’, ‘Red’] 。这样我就可以根据事件类型改变单元格的颜色。我不确定我将如何更改脚本以使其工作。我找了一些例子，但找不到匹配的。我非常感谢这方面的帮助，因为我不是脚本大师。 function BindEvents() { //Script for Calendar var holiDays = [[2012,7, 15, ‘Some events’],[2012,7, 4, ‘Some Event’],[2012,7, 1, ‘Full Booked’],[2012,7, 5, ‘Full Booked’]]; $(function () { $(“#txtBookDate”).datepicker({ dateFormat: “yy-mm-dd”, minDate: “-0d”, maxDate: “+90d”, firstDay: 0, beforeShowDay: noWeekendsOrHolidaysOrBlockedDates }); function noWeekendsOrHolidaysOrBlockedDates(date) { […]

为什么构建JQuery UI Datepicker会清除字段的值？: 我有一个INPUT标签，其value属性设置为“15-May-2012”，我用它初始化了一个JQuery UI Datepicker，如下所示： $(function() { $( “#schedule” ).datepicker(); $( “#schedule” ).datepicker( “option”, “dateFormat”, “dM-yy” ); }); 出于某种原因，一旦初始化Datepicker，就会清除INPUT标记的值。请注意，INPUT字段中的值与Datepicker设置的格式相匹配。为什么清除价值？以下是它的实例： http ： //agnelkurian.com/lab/datepicker_example.html

JQuery Datepicker应仅显示日期: 我想在没有文本时间的情况下显示日期，但是即使我设置了datepicker的格式，它似乎也不起作用。而且我也不想在datepicker中显示Time。请看下面的图片，我想删除突出显示的黄色。 var defaultFormat = { dateFormat: ‘mm/dd/yy’ }; $.datepicker.setDefaults(defaultFormat); $(‘#EM_Date’).datetimepicker({ showHour: false, showMinute: false });

jQuery datepicker没有正确更新值: 在我正在工作的网站上，我有一个表单来添加一个事件。此事件需要用户使用jQuery日期选择器选择的日期。日期只能有一个事件。所以我想检查用户在datepicker中插入的日期。我尝试通过在用户选择日期后获取值来执行此操作。但问题是，日期选择器不会立即更新其价值。我做了一个JSFiddle来显示问题。当您选择日期时，跨度会更新并显示日期选择器的值。但是你可以看到它第一次是空白的，第二次显示前一个选定的日期。因此，日期选择器不会立即更新。我怎样才能解决这个问题？我在stackoverflow上看到了其他类似的问题，但他们的解决方案对我不起作用。 JSFiddle： http ： //jsfiddle.net/kmsfpgdk/ HTML： JS： $(‘#datepicker’).datepicker(); $(‘#datepicker’).blur(function () { var val = $(this).val(); $(‘#data’).text(val); });

Datepicker Validation无法使用jquery插件: 我有从诸如datepicker选择/输入日期的场景。我为datepicker使用了jquery插件。它工作得很好。正如我之前所说，用户还可以直接在文本框中输入日期，而不是从日历中选择。在这个阶段，我们都知道用户可能碰巧错误地输入了日期。因此我介入了jquery datepickervalidation插件。在那里，我发现了一些文章要继续。有用的链接如下， keithwood 的jsfiddle Chridam说我尝试的是：正如第一个链接所说（Keith wood），我尝试使用datepicker.validation.js。但是当我输入错误的日期时没有任何反应。以下是我试过的完整代码， Test for date picker $(‘#validateForm’).validate({ errorPlacement: $.datepicker.errorPlacement, rules: { validDefaultDatepicker: { required: true, dpDate: true }, validBeforeDatepicker: { dpCompareDate: [‘before’, ‘#validAfterDatepicker’] }, validAfterDatepicker: { dpCompareDate: { after: ‘#validBeforeDatepicker’ } }, validTodayDatepicker: { dpCompareDate: ‘ne today’ }, validSpecificDatepicker: { […]

使用Jquery / Datepicker逐个选择多个日期: 我有一个表格，在那个表格上我想有一个日期选择器。因此，当有人点击选择日期字段时，弹出日期选择器并显示多个月。从那里我希望该人点击各个日期，每次单击他们选择的日期将附加到表单字段逗号分隔。我正在寻找一个jquery解决方案，现在我正在看： http://jqueryui.com/demos/datepicker/#multiple-calendars 问题是，当我选择日期选择器关闭的日期时，所选日期会显示在表单字段中。我希望datepicker在选择多个日期时继续显示，并且他们选择的日期保持突出显示，然后在选择日期时单击完成。任何人都可以指出我如何实现这一点，或者是否存在预先存在的jquery代码？