datepicker 相关问题

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

我正在开发一个 React 组件并使用其中的 datePicker 来选择日期，当我渲染 DatePicker 组件时，它在我的文本框外部显示一个黑色边框，我想删除该边框。哈...

javascript css reactjs datepicker

回答 3 投票 0

我有一个包含日历/日期选择器两个字段的表单。 1号场我有一个包含日历/日期选择器两个字段的表单.. 1号场 <input id="gnd_institutiondate_val" class="form-control" placeholder="DD-MM-YYYY" data-date-format="DD-MM-YYYY" data-inputmask="'mask': '99-99-9999'" required="" name="gnd_institutiondate" type="text"> 2号场 <input id="gnd_courtregisterdate_val" class="form-control" placeholder="DD-MM-YYYY" data-date-format="DD-MM-YYYY" data-inputmask="'mask': '99-99-9999'" required="" name="gnd_courtregisterdate" type="text"> 我希望当我从字段 1（日历/日期选择器）中选择日期时，它会自动填充到字段 2（日历/日期选择器）中。（使用 Moment.js 、 DataTables、Select2、JQuery （javascript 库）和 UI 框架是 bootstrap。）我想链接两个日期选择器，以便在一个日期选择器中选择日期时，第二个日期选择器会自动采用相同的日期。请为我建议一个 javascript 代码或任何 chrome 扩展...我是编码新手... 以下代码适用于另一个相同的字段。 setTimeout(function() { var institutionNoInput = document.getElementById("gnd_institutionno"); var courtRegisterNoInput = document.getElementById("gnd_courtregisterno"); institutionNoInput.addEventListener("input", function() { courtRegisterNoInput.value = institutionNoInput.value; }); }, 1000); // You can adjust the timeout value (in milliseconds) as needed enter code here document.getElementById('date1').addEventListener('change',(e)=>{ document.getElementById('date2').value=e.target.value })

javascript jquery forms datepicker momentjs

回答 1 投票 0

如何使用日期选择器禁用今天的日期 - Material ui

我正在开发一个React项目，我正在使用material-ui-date-pickers，并且我想禁用今天的日期，因为该项目基于制造产品、产品的到期日期和账单...

javascript reactjs datepicker material-ui

回答 2 投票 0

如何为日期选择器动态设置 jquery minDate 和 maxDate

我在 Jquery 中有两个日期选择器，第二个日期选择器值（最小值和最大值）应取决于第一个日期选择器的实际值。这是我的代码：我在 Jquery 中有两个日期选择器，第二个日期选择器值（最小值和最大值）应取决于第一个日期选择器的实际值。这是我的代码： <input aria-label="date" type="text" id="EffectiveDate" data-bind="value: EffectiveDate" name="EffectiveDate" placeholder="dd/mm/yyyy" disabled="disabled" size="10" maxlength="10" style="margin-left:0px;" /> <input aria-label="date" type="text" id="EndDate" name="EndDate" placeholder="dd/mm/yyyy" size="10" maxlength="10" style="margin-left:0px;" /> 现在，我的 Jquery： $("#EndDate").datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true } ); $("#EffectiveDate").datepicker({ dateFormat: 'dd/mm/yy', //autoclose: true, //minDate: 1, minDate: vm.MinimumEffectiveDate(), onClose: function (selectDate) { // Set the minDate of 'to' as the selectedDate of 'from' //$("#EndDate").datepicker("option", "minDate", (new Date(selectDate)).addDays(1)); //$("#EndDate").datepicker("option", "maxDate", (new Date(selectDate)).addMonths(24)); }, onSelect: function (date) { //var selectedDate = new Date(date); //alert(date); var min = date.addDays(1); var max = min.addMonths(24); //var endDate = selectedDate.addDays(2); //Set Minimum Date of EndDatePicker After Selected Date of StartDatePicker //$("#EndDate").datepicker("option", "minDate", new Date(date)); //$("#EndDate").datepicker("option", "maxDate", max); var selectedDate = new Date(date); var msecsInADay = 86400000; var endDate = new Date(selectedDate.getTime() + msecsInADay); //Set Minimum Date of EndDatePicker After Selected Date of StartDatePicker $("#EndDate").datepicker("option", "minDate", endDate); $("#EndDate").datepicker("option", "maxDate", '+2y'); }, onchange: function (date) { var selectedDate = new Date(date); //alert(date); //alert(date); var min = date.addDays(1); var max = min.addMonths(24); //var endDate = selectedDate.addDays(2); //Set Minimum Date of EndDatePicker After Selected Date of StartDatePicker //$("#EndDate").datepicker("option", "minDate", min); //$("#EndDate").datepicker("option", "maxDate", max); } }); 问题在于，在第二个日期选择器中选择日期时，不受限制，最小日期可以在第一个日期选择器中的日期之前您应该在 EndDate 日期选择器的选项中使用 onchange，而不是使用 onClose。

jquery datepicker

回答 1 投票 0

为什么 Angular 日期选择器这么慢？

为什么 Angular JS 日期选择器使用如此多的 CPU？当页面上有几个这样的内容时，它们会显着降低网站速度。有什么办法可以缓解这种情况吗？例如，官方 Angular 的

javascript angularjs datepicker bootstrap-datepicker

回答 2 投票 0

npm 错误！安装 React 包时代码 E404

在构建基于 Typescript 的全栈项目时，我收到以下错误 npm 错误！代码 E404 npm 错误！ 404 未找到 - 获取 https://registry.npmjs.org/@mui%2ficon-material - 未找到 npm ...

reactjs typescript material-ui datepicker nivo-react

回答 1 投票 0

在 Ant Design 中配置 TimePicker 以“HH:mm”格式显示和选择时间

如何配置 Ant Design 中的 TimePicker 组件始终以“HH:mm”格式显示和选择时间，无论用户是否以“...”格式输入时间

javascript reactjs datepicker antd timepicker

回答 1 投票 0

Primefaces 日期选择器不会将时间传递给支持 bean

我有以下带有 showTime="true" 的 datePicker，它允许用户输入日期和时间。我有以下带有 showTime="true" 的 datePicker，它允许用户输入日期和时间。 <p:datePicker id="deliveryTime" value="#{orderController.order.deliveryTime}" showTime="true" pattern="dd.MM.yyyy"/> deliveryTime 是 java.util.Date （也尝试使用 String，相同的结果）在浏览器的“网络”选项卡中我可以看到： formContent:j_id_m_4:deliveryTime_input: 23/05/19 19:45 但是，当我提交表单时，日期设置正确，但 bean 接收的时间仅为 00:00:00 看起来这是一个已知问题：DatePicker：未在日期对象上设置时间#4625 由于计划重构日期相关组件以使用 Java 8 LocalDate/Time API，此问题的修复似乎也被延迟：移至 Java8 LocalDate/Time #4646 您可以强制组件执行ajax请求来更新您的bean属性： <p:datePicker id="deliveryTime" value="#{orderController.order.deliveryTime}" showTime="true" pattern="dd.MM.yyyy"> <p:ajax event="dateSelect" listener="#{orderController.onDeliveryTime}"></p:ajax> </p:datePicker> public void onDeliveryTime(org.primefaces.event.SelectEvent<Date> event) { Date date = event.getObject(); this.order.deliveryTime = date; } 使用版本11.0.0进行测试

primefaces datepicker

回答 2 投票 0

Bootstrap Datepicker - 月份和年份没有间距

我正在使用 http://eternicode.github.io/bootstrap-datepicker/ 的 Bootstrap 日期选择器，在示例中，他们显示了它的格式，并很好地显示了月份之间的间距......

javascript jquery css twitter-bootstrap datepicker

回答 3 投票 0

如何将日期选择器数据转换为文本字符串？

我正在尝试自学 HTML 我很新，但正在取得进展，但是我遇到了问题。我想使用日期选择器用文本字符串填充空白。我正在尝试自学 HTML 我很新，但正在取得进展，但是我遇到了问题。我想使用日期选择器用一串文本填充空白。 <form action="/action_page.php"> <label for="DayOW">Day of the week:</label> <input type="date" id="DayOW" name="DayOW"> <div Id="DayOW">_______________</div> </form> 以上是我所拥有的，如何根据日期选择器中选择的内容用 MM/DD/YYY 作为文本填充 ___________？要实现此目的，您可以使用 JavaScript 根据日期选择器中选择的值来更新的内容。您需要向日期输入添加事件侦听器以检测更改，然后相应地更新内容。 <form action="/action_page.php"> <label for="DayOW">Day of the week:</label> <input type="date" id="DayOW" name="DayOW" oninput="updateDate()"> <div id="output">_______________</div> <script> function updateDate() { // Get the value of the date input var selectedDate = document.getElementById("DayOW").value; // Convert the selected date to the desired format (MM/DD/YYYY) var formattedDate = new Date(selectedDate); var mm = formattedDate.getMonth() + 1; // Months are zero-based var dd = formattedDate.getDate(); var yyyy = formattedDate.getFullYear(); // Update the content of the div with the formatted date var outputDiv = document.getElementById("output"); outputDiv.textContent = mm + '/' + dd + '/' + yyyy; } </script> </form>

html string forms text datepicker

回答 1 投票 0

我想更改flutter上showDatePicker的日期字符串

我想在flutter上使用material3自定义这个showDatePicker的颜色和文本我想定制成这样我需要这样的文本“Seg, 17 de jul。”

flutter datepicker material3 flutter-datetime-picker flutter-date-range-picker

回答 2 投票 0

在使用 mat-date-range-picker-actions 之前获取选定的日期值

我有一个日期范围选择器。如何在关闭日历之前获取选定的日期。我尝试了 dateInput、dateChanges，但是如果我的代码中有 mat-date-range-picker-actions，我只能得到值...

angular angular-material datepicker daterangepicker

回答 1 投票 0

DatePicker MUI 如何让周从星期一开始

我正在使用 MUI v6 中的 DatePicker (https://mui.com/x/react-date-pickers/date-picker/)。目前我注意到日历中的周从星期日开始，但我需要它们从星期一开始。任意