Tag: datepicker

Laravel4:如何将Datepicker传递给表单?

为了正确validation,我必须将所有表单字段重写到Laravel4中,主要原因是我需要将Input :: old添加到所有字段中。 到目前为止,文本,textarea和复选框都很顺利。 但我不知道如何处理日历数据。 它是Datepicker,一个非常好的JQuery插件: https : //github.com/eternicode/bootstrap-datepicker有两个字段,一个用于到达,另一个用于传出。 这是html正常工作: Arrival Date Outgoing Date 我怎么能在Laravel4中写这个? 如果由于某种原因不可能不是一件大事,但非常重要的是我可以添加Input :: old(’arrival’)和Input :: old(’outgoing’)。 有人知道我该怎么办? 非常感谢你!

datepicker不会在ajax div重新加载后启动

我在div中有一个jquery datepicker,它通过ajax更新。 我可以在整个页面重新加载后打开一次datepicker,但是在ajax只更新了包含datepicker输入的div后,我无法看到datepicker。 我试过一个解决方案,我为类似的问题而伤,没有运气。 我对jquery和ajax不太熟悉,所以也许有人可以立即看到问题。 我有一个包含ajax的jquery函数: function example(){ $.ajax({ url: “page.php”, cache: false, success: function(data){ $(‘#div’).html(data); } }); } Ajax重新加载一个div,里面有一个datepicker输入,如下所示: Datepicker以这种方式构造: $(function() { $(“#datepicker”).datepicker({dateFormat: “dd.mm.yy”}); $.datepicker.setDefaults( $.extend( {‘dateFormat’:’yy-mm-dd’}, $.datepicker.regional[‘fi’] ) ); }); 我需要做什么,每次div通过ajax更新时都能看到datepicker? 一些建议的datepicker要在ajax成功刷新,我没有得到它这样工作,或者不知道如何!

jQuery Datepicker onSelect不起作用

我正在使用onSelect事件,以便将EndDate的最小值设置为等于设置为StartDate的值。 我在几个页面中有相同的代码,但在其中一个页面中它不起作用。 如果我在StartDate选择一个值,那么当我进入EndDate字段时,datepicker不显示。 页面使用ajax加载和处理。 我的守则如下: $(document).ready(function() { $(“#strStartDate”).datepicker({ dateFormat: ‘dd/mm/yy’, constrainInput: true, firstDay: 1, hideIfNoPrevNext: true, onSelect: function(){ $(“#strEndDate”).datepicker( “option”, “minDate”, $(“#strStartDate”).val()); } }); $(“#strEndDate”).datepicker({ dateFormat: ‘dd/mm/yy’, constrainInput: true, firstDay: 1, hideIfNoPrevNext: true }); }); 任何帮助深表感谢。 先感谢您。 使用你评论背后的想法,我设法做了我想要的事情 $(“#strStartDate”).datepicker({ dateFormat: ‘dd/mm/yy’, constrainInput: true, firstDay: 1, hideIfNoPrevNext: true, }); $(“#strEndDate”).datepicker({ dateFormat: ‘dd/mm/yy’, constrainInput: true, firstDay: 1, […]

用于更新MySQL行的HTML表单中的jQuery datepicker

我已经完成了很多关于这个主题的研究,但出于某些原因,没有工作! 我想使用datepicker小部件来更新MySQL中的一行(它有一个日期列)。 出于某种原因,每当我尝试更新行(适用于其他输入的东西)时,它在我的MySQL table 0000-00-00中说? 这是我的jQuery代码: $( function() { $( “#datepicker” ).datepicker({ dateFormat:”yy-mm-dd”, altField: “#alternate”, altFormat: “DD, d MM, yy” }); $( “#selectable” ).selectable(); } ); 我的HTML: Date:   我的PHP: if( isset($_POST[‘btn-book’]) ) { $slot_date = date(‘yy-mm-dd’,strtotime($_POST[‘slot_date’])); $slot_line=$_POST[‘slot_line’]; $reason=$_POST[‘reason’]; $id=$_POST[‘id’]; $sql=”UPDATE appointments SET slot_date=’$slot_date’, slot_line=’$slot_line’, reason=’$reason’ WHERE id=’$id'”; $result=mysql_query($sql); if($result){ header (“Location: homepage_loggedin_book_success.php”); }else { […]

重置日期范围限制

我以一种相当复杂的forms使用jQueryUI和datepicker。 我有一组4个日期选择器,它们都相互依赖。 例如,在Datepicker A中选择日期会导致Datepicker B aso的有效日期范围发生变化 使用datepicker的onSelect选项可以轻松实现这一点: onSelect: function(selectedDate){ //find datepicker B; //edit the valid date range of datapicker B. } 现在出现了一个有问题的用例:由于不需要这些字段,因此允许用户执行以下步骤: 1)选择日期选择器A中的日期。这将触发onSelect并限制日期选择器B的日期范围.2)改变主意并希望清除日期选择器A中的日期。 步骤2)是有问题的:首先,由于一些不明原因,jQueryUI> 1.7没有明确的按钮。 因此,日期选择器的输入字段必须是可编辑的,甚至允许用户删除(通过使用退格按钮)他之前选择的日期。 也许我可以接受。 但是真正的问题出在这里:用户从输入字段手动删除了他的日期后,我没有勾选我的“重置”logik,即删除之前应用于日期选择器B的限制.onSelect未触发,但是据我所知,其他任何事情都没有。 是重置逻辑的唯一方法,在datepicker输入字段上放置一个模糊监听器,每次检查该值是否为空? 是不是这样,那么我真的认为在datepicker小部件中有一个明确的机制是一个主要的bug。 如果窗口小部件允许我限制其他datepicker窗口小部件的日期,那么它也应该允许我解除这些限制。 免责声明:这篇文章部分与这个问题重复,但唯一的问题是js“hack”无法正常工作(更改月份时清除按钮消失)。 我还从jQuery问题管理中查看了Ticket#3999 。 它被关闭为“wontfix”:/ 感谢您的任何帮助。

在iPhone上的Jquery ui datepicker?

JQuery ui datepicker不会在移动safari上工作。 任何变通方法还是后备?

bootstrap datepicker选项似乎不起作用(由vitalets提供的datepicker)

我包括了所有内容,但它似乎不适用于选项,没有新的例子是痛苦..帮助.. HTML JS $(‘#datepicker’).datepicker({ autoclose: true, todayBtn: true, todayHighlight: true }); github参考: https : //github.com/vitalets/bootstrap-datepicker#autoclose

带有Modernizr.Load的Uncaught TypeError

我正在尝试使用以下代码来允许我使用datepicker。 虽然我之前有过这种工作的变化,但我现在无法在恢复后使其正常工作。 我在’Modernizr.load’行下面收到错误’Uncaught TypeError:undefined is not function’ Modernizr.load({ test: Modernizr.inputtypes.date, nope: [‘http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js’, ‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js’, ‘jquery-ui.css’], complete: function () { if (window.jQuery) { jQuery(‘input[type=date]’).datepicker({ dateFormat: ‘yy-mm-dd’ }); } } }); 有关此错误的原因是什么的任何建议?

从string / django对象获取datepicker defaultdate

我在jquery和Javascript中总共(就像没有经验 – 无论如何)noob,我想做的是以下内容: 我将一个article-object传递给我的模板,该模板中存储了日期信息。 我可以使用{{ article.pubdate }}访问和显示该信息。 是否可以将defaultDate选项设置为文章日期? 我该怎么办呢? 感谢您的任何指示! 更新 :有关{{ article.pubdate }}更多信息: 它是一个日期时间对象。 可以编辑字符串的显示格式,因此{{ article.pubdate|date:”Ymd”}}给出的日期与2013-07-27相同。 更新2 :我在页面上显示文章日期,如下所示: {{ article.pubdate|date:”Ymd” }} 这给了我2013-07-27作为页面上显示的字符串。 阅读后我尝试了以下方法将该字符串转换为datepicker,如下所示: $(function () { var a = $(“#article-pubdate”).text(); var the_date = $.datepicker.parseDate(“yy-mm-dd”, a); $(“.datepicker input”).datepicker({ dateFormat: “yy-mm-dd”, changeMonth: true, changeYear: true, yearRange: ‘1990:2013’, defaultDate: the_date, }); }); 但这不起作用,为什么? 更新2 :如果我像这样设置defaultDate : $(function() […]

单击链接打开Datepicker

我在我的网页上使用JQuery UI的Datepicker。 目前,我已成功地使用名为“mydate”的文本字段。 代码如下: $(‘#releasedate’).datepicker({ changeYear: ‘true’, changeMonth:’true’, startDate: ’07/16/1989′, firstDay: 1 }); 但是,我想要一个小小的改变。 而不是文本字段,我想显示一个名为“选择日期”的链接,它应该打开日期选择器,并且在选择日期时,需要更新隐藏文本字段的值。 我尝试了不同的方法,但都没有成功。 JQuery专家,能帮帮我吗? 我迫不及待地想要为此获得解决方案。 非常感谢你提前。