datepicker 相关问题

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

我有一个WPF应用程序.net Framework平台，在Xaml端，我更改了文化，如下所示：当我使用DatePicker时，当我单击日期选择按钮时，它会显示波斯语

c# wpf xaml datepicker material-design-in-xaml

回答 1 投票 0

使用了两个Jquery日期选择器，StartDate和EndDate 使用了两个 Jquery 日期选择器，StartDate 和 EndDate <input id="StartDate" class="datepicker setNext hasDatepicker" type="text" value="13/02/2015" name="StartDate"> <input id="EndDate" class="datepicker hasDatepicker" type="text" value="15/02/2015" name="EndDate"> 选择 StartDate 日期选择器时，我希望 EndDate 日期选择器为 StartDate + 1 天，并确保在 EndDate 中不能选择早于 StartDate 的日期。我有这个代码： $(function () { $(".datepicker").datepicker({ dateFormat: 'dd/mm/yy', onSelect: function( selectedDate ) { if(this.id == 'StartDate') { var minDate = selectedDate + 1; $('#to').datepicker("option", "minDate", minDate); } } }); }); 所以它点击了onSelect ok，但是随后向日期添加1不起作用（我只是得到末尾带有1的日期字符串，所以'31/12/20141'）。我还在 OnSelect 中尝试了以下操作，假设 selectedDate 是字符串而不是日期类型： var minDate = new Date(selectedDate); var tomorrow = new Date(); tomorrow.setDate(minDate.getDate() + 1); $('#to').datepicker("option", "minDate", tomorrow); minDate 最终成为无效日期，明天也是如此。我不知道如何从字符串设置日期。尝试一些类似的事情： var minDate = selectedDate.getDate(); 给我一个“未捕获的类型错误：未定义不是一个函数”。使用 JQuery 1.11.1，英国日期格式为 dd/mm/yyyy。如果您想更改另一个日期选择器的日期选择器添加一天，您可以执行以下操作：注意 selectedDate 的格式为 dd/mm/YYYY，这不是在 Date 构造函数中使用的有效字符串日期格式。然后你必须解析它。 var arr = selectedDate.split("/"); var date = new Date(arr[2]+"-"+arr[1]+"-"+arr[0]); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var minDate = new Date(y, m, d + 1); $("#EndDate").datepicker('setDate', minDate); 这里有一个工作示例fiddle 这里我只让用户选择10天的间隔..您可以根据您的要求进行修改。 $(document).ready(function() { var minDate ; var maxDate; var mDate var j = jQuery.noConflict(); j( "#startTime" ).datepicker({ onSelect: function() { minDate = j( "#startTime" ).datepicker("getDate"); var mDate = new Date(minDate.setDate(minDate.getDate())); maxDate = new Date(minDate.setDate(minDate.getDate() + 10)); j("#endTime").datepicker("setDate", maxDate); j( "#endTime" ).datepicker( "option", "minDate", mDate); j( "#endTime" ).datepicker( "option", "maxDate", maxDate); } }); var tdate = new Date(); var ddate = new Date(tdate.setDate(tdate.getDate() + 10)); j("#startTime").datepicker("setDate", new Date()); j( "#endTime" ).datepicker(); j("#endTime").datepicker("setDate",ddate); }); <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script><div>Please Select Dates:</div> <p>Strat Date:<input id ="startTime" type="text" ></input></p> <p>End Date:<input id ="endTime" type="text" ></input></p> 您可以使用 setDate 和 getDate。示例： <input id="StartDate" class="datepicker setNext hasDatepicker" type="text" value="13/02/2015" name="StartDate"> <script> function convertInputtoDate(){ var input = document.getElementById("StartDate").value; var date = input.split('/'); var selectdate = new Date(date[2], date[1], date[0]); return selectdate; } var today = convertInputtoDate(); var tomorrow = new Date(convertInputtoDate()); tomorrow.setDate(today.getDate() + 1); alert('Today : ' + today + ' Tommorow :' + tomorrow.toLocaleString()); </script> 如果您想更改日期格式，请使用： tomorrow.toLocaleString(); // output will be : d/m/Y H:M:S 并将您的输入转换为日期： function convertInputtoDate(){ var input = document.getElementById("StartDate").value; var date = input.split('/'); var selectdate = new Date(date[2], date[1], date[0]); return selectdate; } 你甚至可以使用这样的东西。 jQuery(function() { jQuery('#date-range').daterangepicker({ startDate: moment(), endDate: moment(), timePicker: true, timePicker24Hour: true, timePickerIncrement: 15, locale: { format: 'M/DD/YYYY h:mm A' } }); });  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <label for="date-range">Date Range:</label> <input type="text" id="date-range" name="date-range" />

javascript jquery jquery-ui datepicker

回答 4 投票 0

Xamarin 表单中的月份选择器

我有一个像月份选择器这样的要求，它只显示月份和年份，而不显示日期。我们如何使用 Xamarin 表单在 IOS 和 Android 平台上实现相同的效果？

xamarin xamarin.forms datepicker

回答 2 投票 0

无法在角度组件中设置mat-datepicker

将应用程序从 ng 15（我认为）迁移到 18。我对日期选择器组件感到头疼。我已经删除了我的实现（带有绑定）并替换为教程中的实现（角度

angular angular-material datepicker mat-datepicker

回答 1 投票 0

使用jquery datepicker且输入为只读时如何清除/擦除输入值

我有一个输入，一旦值更改，它就会提交该值并保存在我们的数据库中，因此我们只能允许日期格式值，最好的工具是使用带有