Tag: datetimepicker

JQuery DateTimePicker UI获取两个datetimepickers之间的总天数

我想从我得到的两个定制的DateTimePickers获得总天数。 我试过这个function: function dateDifference() { if($(“#fradato”).val()!=” && $(“#fradato”).val()!=”) { var diff = ($(“#fradato”).datepicker(“getDate”) – $(“#tildato”).datepicker(“getDate”)) / 1000 / 60 / 60 / 24; $(“#antalldager”).val(diff) 我遇到的问题是,无论我在哪里尝试调用此函数,DateTimePicker都会停止工作。 那么我应该在哪里/如何调用此函数或者有更好的方法来执行此操作? 我想在这个文本框中显示toal days: Antall dager: 这是我的HTML: valgavdato() Book fra: Book til: JS: $( function valgavdato() { var dateFormat = “mm/dd/yy”, to_MaxDate = 13; // From date + this = to […]

防止时间戳插件打开日历

我在一个老问题中问了以下问题 : 我正在为jquery使用timepicker插件。 一旦用户选择日期+时间并点击“完成”按钮,基本上只关闭对话框,我想要设置日期时间的文本框获得后焦点(插件的当前行为是模糊焦点)。 这是因为在这个页面上我有一组文本框,它们的Tab键顺序是按顺序设置的。 我需要日期时间文本框来获得后焦点以继续Tab键顺序。 否则,标签顺序将从第一个文本输入重新开始,这对用户来说是不方便的。 我在下面找到了一个有效的答案 $(‘#MyDatepicker’).datetimepicker({ onClose: function(dateText, inst) { $(‘#MyDatepicker’).focus(); } }); 但这是我的新挑战 :现在文本框重点关注,日历再次打开。 我怎么防止这种情况?

trentrichardson datetimepicker和timepicker不起作用

对于datetimepicker和timepicker的trentrichardson timepicker插件( http://trentrichardson.com/examples/timepicker/ ),它似乎工作了有限的时间(6小时到一天),然后,它停止工作。 为了解决这个问题,我为同一个替换了插件CDN( http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js ),它再次起作用。 怎么会这样? 我把CDN的顺序也正确… jQuery的 jQueryUI(带有datepicker和滑块wigits) Timepicker 然后是CSS PS我从输入中删除了我的main.css文件和相应的class =“”。 再一次,它可以工作6小时到一天,然后停止工作……没有任何变化。 而且我很确定CDN也没有改变,但它们可能会改变,但这并不重要,因为文件路径本身并没有改变。 让我知道你的想法,谢谢! 此外,当它停止工作时,我检查了文件路径,它们仍然有效。 码: $(function() { $( “#datetimepicker” ).datetimepicker(); }); $(function() { $( “#timepicker” ).timepicker(); }); <?php echo '’; echo ”; ?>

为什么我不能输入datepicker文本框?

我稍微调整了日期时间选择器的工作原理。 它是在选择更改时触发的。 但现在我无法输入文本框。 我不仅将文本框用于日期时间,还允许用户在我的应用程序中输入其他类型的信息。 如何让用户输入此文本框? 所以其他所有设置都保持不变。 仅在选择更改时触发Datepicker。 不是单击文本框本身。 jsfiddle样本 HTML代码 Not this one Not this one Not this one Select date and time ​ javascript代码 $(‘#datetime’).datetimepicker({ showOn: “button”, }); $(‘option[value=datetimepicker]’).click(function() { $(‘#datetime’).datetimepicker(‘show’); });​ css代码 .ui-datepicker-trigger{display:none;}​

jQuery UI DateTimepicker – 无法隐藏时间

我正在使用http://trentrichardson.com/examples/timepicker/中的日期时间选择器组件。 试图隐藏时间选择器,但我的代码不起作用: $(‘#id_start_date_time’).datetimepicker(‘option’, ‘showTimepicker’, false);

Uncaught SyntaxError:无法在’Element’上设置’innerHTML’属性:提供的标记是无效的XML

我正在尝试在我的Rails 4应用程序中添加datetimepicker。 我决定尝试这个: https : //github.com/Eonasdan/bootstrap-datetimepicker 。 说明相对简单,但是当我加载页面时,我收到以下JS错误消息: Uncaught SyntaxError: Failed to set the ‘innerHTML’ property on ‘Element’: The provided markup is invalid XML, and therefore cannot be inserted into an XML document. 如果我暂停在JQuery.extend.buildfragment中发生这种情况的行: tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, “” ) + wrap[2]; 我看到它正在尝试将innerHTML设置为: ‹›‹›‹› 大多数XMLvalidation器抱怨‹ 价值无效。 但是,我无法控制如何构造此字符串,因为它在jquery中是内部的。 我知道datetimepicker适用于大多数人没有任何问题,所以这在我的环境中似乎有些不对劲。

无法将事件绑定到datetimepicker插件

我正在使用Trent Richardson的jQuery UI Timepicker。 我知道插件已被修改为覆盖$ .datepicker._selectDate,以便选择日期时选择器将保持打开状态。 那很棒。 但是,当双击日期时,我被要求关闭选取器。 其他所有内容都保持不变,包括完成后关闭选择器的按钮等,只有他们想要双击才能工作。 我试图以多种方式将双击事件绑定到日历日期(主要是$(‘.ui-datepicker-calendar a’).bind(‘dblclick’, function () {/*do something*/});)变体$(‘.ui-datepicker-calendar a’).bind(‘dblclick’, function () {/*do something*/});) – 实际上,我也试图绑定其他事件 – 似乎没有任何效果。 我已经尝试过如何关闭DateTimePicker发布的建议,双击没有乐趣。 这有可能吗? 我是否需要修改onSelectfunction以区分单击和双击? (以及当event.type未定义时如何?)我是否绑定了错误的元素? (我试图绑定$(‘.ui-datepicker-calendar a’) , $(‘#ui-datepicker-div’) , $(‘#ui-datepicker-div .ui-datepicker-calendar a’) ,以及许多其他变化。) 为了完整起见,这是我的代码: $(‘#date-range-from, #date-range-to’).datetimepicker({ changeYear: true, changeMonth: true, controlType: ‘select’, dateFormat: ‘M dd, yy ‘, minDate: ‘Jan 01, 2010 […]

如何在jQuery datetimepicker中获取utc时间

我正在使用尝试此jQuery datetimepicker来获取日期和时间数据。 我能够得到大部分的东西(格式,显示等)。 但是,我无法以UTC格式获取日期和时间。 我只能以本地格式获取日期和时间。 有谁知道如何修改它来获取日期和时间? 或删除弹出窗口中的“现在”按钮?

在jquery datetimepicker中设置最大和最小日期时间

我正在使用jquery datetimepicker.In我想设置注释和时间,这是在第二个datetimepicker中选择的值。 我尝试的是: $(‘#date_start’).datetimepicker({ autoSize: true, changeYear: true, changeMonth: true, buttonImageOnly: true, onSelect: function (selected) { $(‘#date_end’).datetimepicker(“option”, “minDate”, selected); } }); 我提到了这个Jquery – DateTimePicker set max datetime link.But它不是我的问题的明确解决方案。 $(‘#date_end’).datetimepicker({ autoSize: true, changeYear: true, changeMonth: true, buttonImageOnly: true, onSelect: function (selected) { $(‘#date_start’).datetimepicker(“option”, “maxDate”, selected); } }); 实际上这个相同的代码只适用于datepicker.But,如果我想让它在datetimepicker中工作。 解决办法是什么?

无法让Jquery DateTimePicker显示在mvc4中

这是我的剧本 $(document).ready(function () { // alert(“jquery working fine, still no display..”); $(“.datepicker”).datetimepicker({ showAnim: ‘slideDown’, dateFormat: ‘dd/mm/yyyy’ }); }); 实际的Datepicker工作得很好,firebug显示了这个脚本,jqueryUI,timepicker-addon.js,slider.js和datepicker.js,jquery正在选择文本框。 但是,仍然没有datetimepicker显示 我尝试过使用id / classes,重新排列脚本的加载顺序。 我会说插件只是下铺,但很多人似乎没有任何麻烦。 有谁知道我错过了什么?