Tag: datepicker

未显示datepicker中的月份和年份下拉列表中的数据

我正在使用具有月和年值的JQuery datepicker。 但问题是,在月份和年份的下拉列表中,只有空白区域可见,如果我将鼠标hover在打开的下拉列表中,则分别只有月份和年份可见。 如果我带走鼠标,只有空白的白色下拉列表,我再次将鼠标hover在下拉列表中,月份和年份可见。 我可以选择。 唯一的问题是它不可见。 我的datepicker代码 jQuery(function ($) { $(“#”).datepicker({ changeMonth: true, changeYear: true, dateFormat: ‘mm/dd/yy’ }); }); 我正在申请它的文本框:

Razor中非常基本的jquery日期选择器

我在visual studio 2010 MVC4 razor microsoft模板中。 我从jquery站点下载了jquery“kit”,它在我打开index.html时可以正常工作。 但是,当我将我的剃刀项目改为看起来像jquery下载(将所有JS文件,图像和css文件移动到正确的位置)并添加以下代码(在html情况下工作) jQuery UI Example Page $(function () { // Datepicker $(‘#datepicker’).datepicker({ inline: true }); }); Datepicker 对于文本Datepicker,页面上没有显示任何内容。 我已经查看了其他所有内容,似乎没有什么可以做到的。 有什么建议?

在jQuery Datepicker中选择日期范围和突出显示

我试图在jQuery Datepicker中突出显示或更改一系列日期的CSS。 我希望用户能够单击开始日期和结束日期,并且还要突出显示该范围之间的所有日期。 我点击时能够在该范围内创建一个日期数组,但由于某种原因,我无法添加一个类来更改CSS。 我如何才能获取该日期数组,然后为它们添加一个CSS类以更改背景/突出显示? 任何帮助将不胜感激! 谢谢

加载时jQuery datepicker表示未定义。

我试图在我的表单中实现日期选择器,但是当添加日期选择器的代码没有显示在酿酒师中时。 检查控制台时发布此错误TypeError:’undefined’不是函数(评估’$(“#datpicker”)。datepicker()’)jQuery库文件添加在根文件夹中。 贝娄是使用的代码: $(document).ready(function() { $( “#datepicker” ).datepicker(); }); Datepicker Date:

将.datepicker()绑定到新的输入元素

我正在尝试将datepicker添加到动态创建的输入元素。我理解.on()或.live()函数的用法,但我找不到合适的事件来绑定它们: 尝试使用.on因为live()得到了depercated我成功了以下内容:在输入字段点击它变成了一个datepicker输入 $(“#container”).on(“click”, “.date”, function(){ $(this).datepicker() }); 但我需要在输入上不存在的onload事件中使用它。

从Jquery UI DatePicker中删除Time部分

我知道这已被问过很多次了,相信我,我尝试了一切让它发挥作用。 我有一个网站,让您注册或登录第三方提供商(Facebook,Twitter,Google +,Microsoft)在注册表格中有一个字段,您应该把你的生日。 这是该字段的ViewModel(RegisterViewModel): [Required] [DataType(DataType.Date, ErrorMessageResourceType = typeof(Resources), ErrorMessageResourceName = “IncorrectDateFormat”)] [DisplayFormat(DataFormatString = “{0:MM/dd/yyyy}”, ApplyFormatInEditMode = true)] public DateTime BirthDate { get; set; } 这是模型(UserViewModel): [Required] [DataType(DataType.Date)] public DateTime BirthDate { get; set; } 我正在使用automapper将这两个映射到我的控制器中。 在视图中,我正在渲染这样的字段: @Html.LabelFor(m => m.BirthDate, new { @class = “col-md-2 control-label” }) @Html.TextBoxFor(m => m.BirthDate, new { @class = “form-control […]

Jquery日期选择器年份订单

我在这里有一个Jquery日期选择器的代码 // Datepicker from jQuery UI plugin $birth.datepicker({ onSelect: function(dateText, inst) { $(this).parent().find(“label#error”).html(“”); $gender.focus(); }, yearRange: ‘1950:2006’, changeMonth: true, changeYear: true, showOtherMonths: true, selectOtherMonths: true, dateFormat: ‘yy-mm-dd’ }); }); 我的一年下降开始于1950年,一直到2006年,我想扭转它们。 我试过yearRange: ‘2006:1950’但没有显示:( 有没有办法来解决这个问题?

在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, ”, ”]; } } }); }); 请参阅此处的问题以及该问题的工作示例: […]

如何防止jquery datepicker在初始页面加载时弹出但仍然滚动到datepicker文本框

我有类似于以下javascript的东西: $(function () { $(“#txtDate”).focus(); $(“#txtDate”).datepicker({ … autoOpen: false, … }); }); 我想在页面加载时专注于文本框,而不会弹出日期选择器。 目前,页面加载的日期选择器已经打开。 我需要能够在页面加载时将页面滚动到该文本框,并且txtDate文本框具有焦点以便用户可以轻松地在表单中切换到下一个输入。 任何帮助将不胜感激。 编辑: 注意:必须在IE 8-10中工作

hover在css中选定的开始日期和结束日期之间的效果

我正在一个网站上工作,我想在所选的(假设7月26日) start date 和我们将在end date 选择的日期 之间 放置hover效果 (as shown below in an image) : 我使用的HTML和JS / JQuery代码如下: HTML: JS / JQuery代码: let startDateUI = $(“#startdate_datepicker”).datepicker({ numberOfMonths:[1, 2], todayHighlight: true, beforeShowDay: function (calDate) { return calDate – new Date() < 0 ? [false, '', ''] : [true, '',''] } }); $("#enddate_datepicker").datepicker({ numberOfMonths:[1, 2], todayHighlight: true, […]