Tag: jquery ui datepicker

DatePicker将文本放在按钮而不是图像上

jquery UI日期选择器将文本放在按钮上,而不是我尝试在Jquery中链接到的图像。 这在提交时以及IE 8处于兼容模式时发生。 有没有人遇到过这个? 这是我见过的最奇怪的事情。 任何人都知道为什么会这样吗? 让我向您展示一下我正在经历的事情。 之前, 后。 这是我用于DatePicker的代码 $(“.datepicker1″).datepicker({ showOn: ‘both’, buttonImage: ”, dateFormat: ‘mm/dd/yy’, changeMonth: true, changeYear: true }); 我遇到的一件事是我的jqueryvalidation器可能会覆盖一些东西……这是我的jquery代码…… $(“#temp1”).validate({ rules: { HospitalFinNumber: { required: true, minlength: 6 }, DateOfBirth: { required: true }, AdmitDate: { required: true } }, messages: { HospitalFinNumber: ‘Please Enter a Hospital Fin number’, DateOfBirth: […]

如何显示没有jQuery UI datepicker年份的日期

我只需要显示日期和日期,但如果我设置dateFormat: “d MM” ,我就无法改变年份。 它始终是2012年。例如: http : //jsfiddle.net/v2vcV/ 。 只需尝试更改日期为2013年1月并重新打开日历,年份仍将是2012年。

添加新行,将datepicker绑定到cloumn以奇怪的方式工作

我想在按钮点击上添加一个新行。 在我的新行中有一个Textbox,我想用它绑定datepicker但不能。 请帮我解决这个问题。 Add JavaScript的 $(document).on(‘click’, function() { $(‘.date’).each(function() { $(this).datepicker(); }); }); function addRow(btn) { var parentRow = btn.parentNode.parentNode; var table = parentRow.parentNode; var rowCount = table.rows.length; var lastRow = table.rows[rowCount – 1]; var rowClone = lastRow.cloneNode(true); table.appendChild(rowClone); $(‘.date’, rowClone).datepicker(); // Code to fix the problem } Seq1:添加行=>单击newRow的文本框,弹出日历,一切正常。 Seq2:1。单击文档,然后尝试原始行的文本框,然后弹出日历。 2.添加新行。 3.现在点击新行的文本框,日历从不会弹出以选择日期。 附加JSFiddle以供参考http://jsfiddle.net/wAyhm/9/

你能加粗jquery ui datepicker字段吗?

我想知道是否可以在jquery ui datepicker中加粗某些日期单元格。 我希望用户知道他们是某些日期的事件,以便他们点击它,它会向他们显示所有列出的事件。 谢谢

选择开始日期后设置结束日期

的jsfiddle 如何设置结束日期必须是开始日期后1天? $(“#beginDate”).datepicker({ minDate: 1, changeMonth: true, dateFormat: ‘mm/dd/yy’, onClose: function (selectedDate, instance) { if (selectedDate != ”) { $(“#endDate”).datepicker(“option”, “minDate”, selectedDate); var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings); date.setMonth(date.getMonth() + 3); console.log(selectedDate, date); $(“#endDate”).datepicker(“option”, “minDate”, selectedDate); $(“#endDate”).datepicker(“option”, “maxDate”, date); } } });

jQuery DatePicker – 选择一整周

我正在使用两个jQuery日期选择器来选择日期范围。 有没有办法选择整周? 这意味着在打开开始日期选择器时,将有两种选择方法: 选择单个开始日期(不影响结束日期选择器)。 选择整周(将开始日期选择器设置为一周的第一天,然后将结束日期选择器设置为最后一周)。 在asp日历中,类似的东西可以通过将SelectionMode属性设置为“DayWeek”来完成,但我无法在jQuery datepicker中实现这一点。 可以吗?

禁用日期的jquery日历中的工具提示

我使用jquery ui创建了一个日历控件,对要选择的日期有一些限制。 我的要求是在禁用日期显示工具提示,例如“抱歉此日期不可选”。 这有什么办法吗? PFB我的代码: jQuery UI Datepicker $(function () { $(“#datepicker”).datepicker({ minDate: -0, maxDate: “+1M +2D”, showOn: “button”, buttonImage: “calendar.png”, buttonImageOnly: true, dateFormat: ‘D dd MM yy’, showAnim: “clip” }); $(“#datepicker”).change(function () { updateDate(); }); $(“#addDate”).click(function () { addDaysToDate(); }); $(“#subtractDate”).click(function () { subtractDaysToDate(); }); }); function updateDate() { var today = new Date(); […]

内联日期选择器崩溃的jQuery UI beforeShowDay

相当直的问题: 如果我有一个内联的datepicker(在div而不是输入上调用.datepicker())并使用beforeShowDay函数,一切都会中断。 我在这里创建了一个jsFiddle,你可以测试它: http : //jsfiddle.net/MBwSe/1/ beforeShowDay函数适用于前4天(2012年7月29日至2012年8月1日),然后在2012年8月2日中断,出现此错误: TypeError: daySettings is undefined [Break On This Error] line 8827 var unselectable = (otherMonth && !selectOtherMonths) || !daySettings[0] || 有什么想法正在发生什么? 使我抓狂!

在beforeShowDay中更新datepicker工具提示

我有一个JQuery Datepicker,我突出显示日期并成功地向工具提示添加文本。 我有一些与本教程非常相似的内容。 我遇到的问题是,如果在同一天有多个事件,旧工具提示被最近添加的事件“覆盖”。 我期待有一种方法可以“追加”(比如标题+ =’新事件’),但我找不到任何东西。 $(document).ready(function() { var SelectedDates = {}; SelectedDates[new Date(’04/05/2014′)] = ‘event1′; SelectedDates[new Date(’04/05/2014’)] = ‘event2′; SelectedDates[new Date(’04/07/2014’)] = ‘event3′; SelectedDates[new Date(’04/07/2014’)] = ‘event4’; $(‘#txtDate’).datepicker({ beforeShowDay: function(date) { var Highlight = SelectedDates[date]; if (Highlight) { return [true, “Highlighted”, Highlight]; } else { return [true, ”, ”]; } } }); }); 请参阅此处的问题以及该问题的工作示例: […]

rails 3.2中的jQuery datetimepicker格式

我正在使用以下datetimepicker,根据我的理解,它是已扩展的jquery-ui datepicker。 http://trentrichardson.com/examples/timepicker/ 我的问题是我想向用户显示上午和下午时间,但我想以不同的方式对其进行格式化,以便当我将其提交到mysql数据库时,时间格式进入标准“YY-mm-dd – hh:mm: ss“格式。 这是它当前输入的格式