datepicker 相关问题

datepicker是许多框架中的用户界面元素，允许用户通常通过可视日历选择日期，在某些情况下还可以选择时间。

jQuery 日期选择器范围在悬停时突出显示

我想突出显示悬停时两个日期之间的范围。我设法让它工作，但只能选择。 beforeShowDay: 函数(日期) { var date1 = $.datepicker.parseDate($.datepicker._defa...

javascript jquery datepicker

回答 1 投票 0

Angular 材料日期选择器：日期解析 UTC 问题 1 天前

我知道有几个关于此问题的线程，我阅读了所有这些线程，但好几天都无法解决此问题。我可能找到了一个解决方案，但它似乎对我来说很脏。所以和其他用户一样，我也有同样的问题

angular typescript datepicker angular-material utc

回答 4 投票 0

为什么它无法识别日期选择器上的任何选择？

我正在尝试用没有预订预约的时间填充选择下拉列表，现在我遇到了日期选择器的一些非常愚蠢的事情，因为我希望它被填充...

javascript php json ajax datepicker

回答 1 投票 0

Datepicker：模态上的日期选择器（z-index）

今天，当我尝试在 Bootstrap Modal 上显示日期选择器时，我遇到了这个问题。我使用 bootstrap-datepicker 作为日期选择器库。这是我的模式形式： <... 今天当我尝试在 Bootstrap Modal 上显示日期选择器时遇到这个问题。我使用 bootstrap-datepicker 作为日期选择器库。这是我的模式形式： <div class="form-group"> <label for="message-text" class="control-label">Start Date</label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"> </div> </div> 这是我的日期选择器脚本： $('#datepicker2').datepicker({ autoclose: true, format: 'yyyy-mm-dd', zIndexOffset: 10000 }); 我已经使用了 zIndexOffset 但它不起作用，日历仍然显示在模式后面。有人可以建议解决方案吗？谢谢你。您应该尝试在模式中添加日期选择器容器div。你可以给模态一个 id，如下所示： <div class="form-group" id="myModalWithDatePicker"> <label for="start_date" class="control-label">Start Date</label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"> </div> </div> 然后您可以使用 container 选项，如下所示： $('#datepicker2').datepicker({ autoclose: true, container: '#myModalWithDatePicker', format: 'yyyy-mm-dd' }); 我使用此选项来修复。 .modal-open .ui-datepicker{z-index: 2000!important} 此选项已在模态打开时应用（类 modal-open 添加到主体）这对我来说很好用...只需添加样式 <style> /* style sici */ .datepicker { z-index: 1600 !important; } </style>

javascript jquery twitter-bootstrap jquery-ui datepicker

回答 3 投票 0

jQuery 日期选择器 - 设置当前日期

HTML JavaScript $( 函数() { $( "#datepicker" ).datepicker({ 日期格式: 'mm-dd-yy', 最短日期：...</desc> <question vote="1"> <p><strong>HTML</strong></p> <pre><code><input type="text" id="datepicker"> </code></pre> <p><strong>javaScript</strong></p> <pre><code><script> $( function() { $( "#datepicker" ).datepicker({ dateFormat: 'mm-dd-yy', minDate: "today", maxDate: "+30d", setDate: "+1d" }); }); </script> </code></pre> <p><strong>回复：</strong></p> <p><a href="https://i.stack.imgur.com/oIsji.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL29Jc2ppLnBuZw==" alt=""/></a></p> <p><strong>选择当前日期的预期响应：</strong></p> <p><a href="https://i.stack.imgur.com/6kmg5.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZrbWc1LnBuZw==" alt=""/></a></p> </question> <answer tick="true" vote="1"> <p><pre><code>setDate</code></pre>是你的朋友。 <pre><code>"setDate", "0"</code></pre> 是今天的日期。您可以根据需要增加和减少数量。</p> <p><pre><code>$("#datepicker").datepicker("setDate", "1");</code></pre></p> <p>示例：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$(function() { $("#datepicker").datepicker({ dateFormat: 'mm-dd-yy', minDate: "today", maxDate: "+30d", }); $("#datepicker").datepicker("setDate", "1"); });</code></pre> <pre><code><link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js"></script> <input type="text" id="datepicker"></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$(function() { $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy', minDate: "today", maxDate: "+30d", }); $("#datepicker").datepicker("setDate", "1"); });</code></pre> <pre><code><link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js"></script> <input type="text" id="datepicker"></code></pre> </div> </div> <p></p> </answer> </body></html>

jquery datepicker jquery-ui-datepicker

回答 0 投票 0

如何在flutter中选择多个日期

我想从日期选择器中选择多个日期（不是范围）。实际上，在我的应用程序中，我添加了一个研讨会，该研讨会将在多天举办，例如 6 月 1 日、6 月 7 日、6 月 9 日。所以我想添加添加多个...

flutter datepicker

回答 4 投票 0

格式为 MM.yyyy 的 Angular 日期选择器想要选择日期

我想使用只接受月份和年份的日期选择器。根据 Angular Materials，我构建了一个函数，该函数应该在选择月份后关闭日期选择器 - 这样就不会出现任何一天...

angular angular-material datepicker

回答 1 投票 0

Mat 日期选择器发送了错误的日期

我有此输入用于选择日期 {{“日期”|翻译}} ...