Tag: datepicker
始终可见的jQuery UI DatePicker
我如何使用jQuery UI来显示一个总是可见的dateselect器小部件？
jQuery的datepicker，onSelect将无法正常工作
我不能datepicker工作在我的jQuery datepicker 。 下面是我的代码： <script type="text/javascript"> $(function() { $('.date-pick').datePicker( { onSelect: function(date) { alert(date) }, selectWeek: true, inline: true, startDate: '01/01/2000', firstDay: 1, }); }); </script> 就好像它没有注册onSelect函数。 我究竟做错了什么？
如何dynamic设置引导dateselect器的date值？
我正在使用引导dateselect器和一行高图。 我想datepickerdate更新时图表放大。 一旦该事件触发我更新dateselect器的值。 值更新正常，但是当日历被点击时，popup日历上的date仍然是旧date。 这是我的dateselect器： <div class="input-append date pull-right" id="dpStartDate" data-date="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" data-date-format="dd/mm/yyyy"> <input class="span2" id="startDateText" size="16" type="text" value="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" readonly=""> <span class="add-on"><i class="icon-th"></i></span> </div> 我已经尝试使用此代码更新值： $('#dpStartDate').attr('data-date', startDate); $('#startDateText').attr('value', startDate); 哪些更新date好，但不设置日历。 我也试着触发onChange事件，它也更新date，但不是日历： $('#dpStartDate').trigger('changeDate', startDate); $('#dpStartDate').datepicker() .on('show', function (ev) { ev.stopPropagation(); }) .on('changeDate', function (ev, date) { var startDate = new Date(); if (date != undefined) { startDate […]
我如何完全*删除jQuery UIdateselect器？
我有一个date文本字段，我只希望有时附加一个DatePicker，因为我有一些我自己的处理部分datestring的文本处理脚本。 调用.remove或.destroy会在input字段上留下文本格式的行为，然而，这会将我的“8”string转换为“8/18/2010”。 更糟糕的是，如果我开始删除，那就坚定地认为，一旦我达到“8/18/20”， 其实我想要“8/18/2020”。 什么是完全，完全，使它像它从来没有的最好的办法是从我的网页中删除dateselect器？ 我也可以使用它，如果它只是忽略我始终input的文本，但在这种情况下，我更喜欢它出现在双击/图像的button，并不总是。 编辑： 这是所有在一个jqGrid，其中'select器'是一个date列上的文本框： function showPicker(selector) { $(selector).datepicker({ onClose: function() { $(selector).datepicker('remove'); // or 'destroy' or $('.datepicker').remove(); or $(this).datepick('remove'); } }); } 这可以防止它回来，但不能操纵我的文本字段。 没有其他代码（我知道）正在操纵该字段的内容，只是jqGrid注意input密钥发送数据。 看着页面生成的代码，datepicker div甚至还在底部。 编辑2：我得到完全相同的行为，如果我这样做： <html> <body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(document).ready( function(){ $("#pickle").datepicker({ onClose: function(){ $(this).datepicker('remove'); } }); }); […]
使用bootstrap-datepicker检测所选date的更改
我有一个使用bootstrap-datepicker创build的附加dateselect器的input元素。 <div class="well"> <div class="input-append date" id="dp3" data-date="2012-01-02" data-date-format="yyyy-mm-dd"> <input type="text" id="date-daily"> <span class="add-on"><i class="icon-th"></i></span> </div> </div> <script language="JavaScript" type="text/javascript"> $(document).ready(function() { $('#dp3').datepicker(); $('#date-daily').val('0000-00-00'); $('#date-daily').change(function () { console.log($('#date-daily').val()); }); }); </script> 当用户通过在input元素中直接input来更改date时，我可以使用input元素的onChange事件来获取值，如上所示。 但是，当用户从datepicker更改date（即通过单击日历上的date），onChange处理程序不会被调用。 如何检测通过dateselect器进行的所选date的更改，而不是通过在input元素中键入？
iPhone Web应用程序的dateselect器
为基于iPhone的Web应用程序显示Date Picker的最佳方式是什么？ 我们可以在Web应用程序中显示如下所示的iPhone本机dateselect器：
jQuery datepicker – 2input/文本框和限制范围
我正在使用两个input框的jQuerydateselect器小部件，一个用于“从”date，第二个用“到”date。 我正在使用jQuery Datepickerfunction演示作为获取两个input框相互工作的基础，但我需要能够添加这些额外的限制： date范围不得早于2008年12月1日 “到”date不能晚于今天 一旦select“发件人”date， “发件人”date只能在“发件人”date后的7天内 如果首先select“收件人”date，那么“发件人”date只能在“至”date前的7天范围内（以12月01日的限制为第一个可选date） 我似乎无法让所有上述工作在一起。 总之，我希望能够在12月1日到今天之间select一个长达7天的范围（我意识到我在12月1日发布这个消息，因此只能在今天获得）。 我的代码到目前为止 $(function () { $('#txtStartDate, #txtEndDate').datepicker( { showOn: "both", beforeShow: customRange, dateFormat: "dd M yy", firstDay: 1, changeFirstDay: false }); }); function customRange(input) { return { minDate: (input.id == "txtStartDate" ? new Date(2008, 12 – 1, 1) : null), minDate: (input.id == "txtEndDate" ? $("#txtStartDate").datepicker("getDate") […]
date和时间select器对话框
我想创build一个对话框，可以同时select时间和date 。 我知道， 没有一个默认的小部件，可以在Android上做到这一点 。 我也知道有类似的工作人员如何开源项目 。 在这个项目中的问题是，在对话框中我们有两个button： datePicker和timePicker 。 这不是我想要做的 – 我希望date和时间select器同时出现。 所以我觉得两个主要的问题是： 首先让时间和dateselect器出现在同一个对话框中。 第二个问题是改变时间和dateselect器（橙色）的外观。 第一个问题由Bhavesh解决。 这是我得到的： 现在的问题是，我想要将所有蓝色条的颜色更改为橙色 。 我添加了android:calendarViewShown="false"来删除右侧的日历:)谢谢Bhavesh，我把主题改成了HOLO 这是我得到的： 你可以下载代码（这是我能做的最好的）。 你可以从这里下载。
Twitter引导dateselect器
我如何使用Twitter Bootstrapdateselect器？ 我使用下面的代码，但它不工作。 <html> <head> <title>DatePicker Demo</title> <script src="js/jquery-1.7.1.js"></script> <link href="css/datepicker.less" rel="stylesheet" type="text/css" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <script src="js/bootstrap-datepicker.js"></script> </script> </head> <body> <form > <div class="input"> <input class="small" type="text" value="01/05/2011" data-datepicker="datepicker"> </div> </form> </body> </html>
如何获得bootstrap-datepicker来使用Bootstrap 3？
我使用由eternicode （Andrew Rowls）维护的bootstrap- datepicker版本。 在引导2上它工作，但现在它不能与Bootstrap 3库一起工作。 我怎样才能让bootstrap datepicker与Bootstrap 3一起工作？
