正文 

当前位置： 首页 > 问答 >

在javascript中为datepicker设置maxDate和minDate，不起作用

     2023-05-07     218

关键词：

【中文标题】在javascript中为datepicker设置maxDate和minDate，不起作用【英文标题】：Set maxDate and minDate for datepicker in javascript, not working 【发布时间】：2017-05-24 12:18:23 【问题描述】：

我在 Google 中查看了很多教程和 QA，并尝试了所有排列和组合技巧。我的日历仍然不受我设置的maxDate 和minDate 的限制。请有人检查并让我知道我的代码有什么问题。

我的javascript函数是

$(function () 

    $("[id$=txtPaymentDate]").datepicker(
        maxDate: "+0D",
        showOn: 'button',
        dateFormat: 'mm-dd-yyyy',
        buttonImageOnly: true
    );
);

...还有我的body 代码：

<td>
    <asp:TextBox ID="txtPaymentDate" runat="server" CssClass="form-control" placeholder="(YYYY-MM-DD)"></asp:TextBox>
    <span id="spnAltContactNumber" style="color: Red;" runat="server"></span>
</td>

编辑

即使我设置了dateFormat as 'yyyy-mm-dd'，它仍然显示日期为mm/dd/yyyy。

我有以下脚本。需要额外的吗？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>

【问题讨论】：

您使用的是哪个datepicker 插件？ @Rao 这是什么意思？我真的不知道？ 【参考方案1】：

对于这个 maxDate 和 minDate 不起作用。相反，您需要使用 startDate 和 endDate，如下所示。

$("[id$=txtPaymentDate]").datepicker(
                showOn: 'button',
                dateFormat: 'mm-dd-yyyy',
                buttonImageOnly: true,
                startDate: '-5d',//previous date
                endDate: new Date()//current date

            );

愉快的编码

【讨论】：

【参考方案2】：

根据.net更改文本框

 $( function() 
    $( "#txtPaymentDate" ).datepicker(dateFormat: 'dd M yy',maxDate: 1);
   );
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.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>
<td>
<p>Date: <input type="text" id="txtPaymentDate"></p>
 </td>

它应该是 maxDate: 1 $( "#datepicker").datepicker(dateFormat: 'dd M yy',maxDate: 1);

【讨论】：

在这里我运行代码 sn-p 它的工作很酷。但是当我完全集成到我的代码中时，它仍然没有冻结 maxdate:_((( 你能给我看看链接吗...或者你有没有检查过是否有另一个同名的ID？ 最后两个 不是在线脚本，你可以下载 那么现在该怎么做才能使我的日历正常工作？我已经尝试了所有。可能是什么原因？

如何在 FXML 中为 javafx DatePicker 设置默认值？

】如何在FXML中为javafxDatePicker设置默认值？【英文标题】：HowtosetdefaultvalueforjavafxDatePickerinFXML?【发布时间】：2015-11-0104:40:37【问题描述】：是否可以在FXML级别初始化DatePicker的默认值？<children><DatePickerfx:id="datePicker"value="201... 查看详情

在AngularJS中为jQuery datepicker动态设置最大限制

】在AngularJS中为jQuerydatepicker动态设置最大限制【英文标题】：SetdynamicallymaxlimittojQuerydatepickerinAngularJS【发布时间】：2019-03-2111:05:34【问题描述】：在我的应用程序中，最大日期是根据一些逻辑计算的。日期是JSON日期。它将用于... 查看详情

DatePicker [ eyecon ] 设置日期范围 jquery/javascript

】DatePicker[eyecon]设置日期范围jquery/javascript【英文标题】：DatePicker[eyecon]setarangeofdatejquery/javascript【发布时间】：2012-09-1212:59:11【问题描述】：我正在使用多月Datepicker我无法明确设置日期范围。例如，我必须在单击某些按钮时显... 查看详情

如何在 Xamarin 中为 DatePicker 添加最小日期验证检查

】如何在Xamarin中为DatePicker添加最小日期验证检查【英文标题】：HowcanIaddminimumdatevalidationcheckforDatePickerinXamarin【发布时间】：2017-12-2016:04:23【问题描述】：我有两个DatePicker（命名为fromdate和todate）和一个按钮（命名为save）。默... 查看详情

jQuery：在 Datepicker 中为选定的日期添加样式

】jQuery：在Datepicker中为选定的日期添加样式【英文标题】：jQuery:AddingStyletoselectedDayinDatepicker【发布时间】：2013-05-0708:50:02【问题描述】：我尝试操作jquery的日期选择器，因为我想要多选。现在我想更改所选日期的样式，例如将... 查看详情

如何在 swift 中为一个文本字段禁用 DatePicker 交互（用于选择日期）“

】如何在swift中为一个文本字段禁用DatePicker交互（用于选择日期）“【英文标题】：HowtodisableDatePickerinteraction(forselectingdate)foronetextfieldinswift"【发布时间】：2021-10-2205:37:18【问题描述】：我在fromDateTf和toDateTf文本字段中使用da... 查看详情

如何在 javascript 中为我的可拖动对象设置“边界”区域？

】如何在javascript中为我的可拖动对象设置“边界”区域？【英文标题】：HowcanIseta"bounding"areaformydrag-ableobjectinjavascript?【发布时间】：2011-07-0502:05:39【问题描述】：我正在制作一个拖放式JavaScript引擎。我学习了如何将边... 查看详情

如何在 Javascript 中为 websocket 的请求标头设置 cookie？

】如何在Javascript中为websocket的请求标头设置cookie？【英文标题】：HowtosetcookieinrequestheaderforwebsocketinJavascript?【发布时间】：2017-03-1917:15:54【问题描述】：我正在使用Angular2，我的后端使用请求标头中的Cookie对websocket请求进行身份... 查看详情

使用 Ajax 时如何在 JavaScript 和 php 中为下拉菜单设置增量值

】使用Ajax时如何在JavaScript和php中为下拉菜单设置增量值【英文标题】：HowtoSetincrementalvaluefordropdownbothinJavaScriptandphpwhileusingAjax【发布时间】：2017-03-1900:21:53【问题描述】：我正在研究多动态下拉选项，并尝试在用户单击添加按... 查看详情

在 PHP 中为 JS Datepicker 输出日期 - 突出显示日期

】在PHP中为JSDatepicker输出日期-突出显示日期【英文标题】：OutputDatesinPHPforJSDatepicker-HighlightDates【发布时间】：2021-06-2504:23:11【问题描述】：已经在这里看了几天，但我不确定我的问题是什么。我有这个php代码可以从我的数据库... 查看详情

当文档设置在 InDesign (CEP/JavaScript) 中为“对开页面”时，形状不会绘制在好页面上

】当文档设置在InDesign(CEP/JavaScript)中为“对开页面”时，形状不会绘制在好页面上【英文标题】：Shapesaren\'tdrawnonthegoodpagewhenthedocumentsetupis\'facingpage\'inInDesign(CEP/JavaScript)【发布时间】：2022-01-1315:36:00【问题描述】：我正在创建一... 查看详情

为 2 Datepicker 开始日期和结束日期设置验证 javascript

】为2Datepicker开始日期和结束日期设置验证javascript【英文标题】：SetValidationfor2DatepickerStartDateandEndDatejavascript【发布时间】：2015-06-2922:35:57【问题描述】：好的，我有这个问题。我有两个日期选择器，一个是开始日期，另一个是... 查看详情

如何使用javascript在jsp页面的datepicker中添加timepicker

我在JSP页面上有一个日期选择器。现在我想在这个datepicker中添加开始时间和结束时间，即日历。怎么做。我还想设置验证，开始时间应始终小于结束时间。我在JSP中的datepicker代码是<head><metahttp-equiv="Content-Type"content="text/ht... 查看详情

无法在 JavaScript 中为 Windows.Web.Http.HttpClient 添加超时

】无法在JavaScript中为Windows.Web.Http.HttpClient添加超时【英文标题】：CannotaddtimeoutforWindows.Web.Http.HttpClientinJavaScript【发布时间】：2020-01-0103:22:22【问题描述】：我很难弄清楚如何使用通过WinRT提供的Windows.Web.HttpClient设置请求超时。... 查看详情

my97datepicker设置，包括隐藏清空，设置最大日期等转载

 My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 1、下载My97DatePicker组件包 2、在页面中引入该组件js文件：    <scripttype="text/javascript"src="My97DatePicker/WdatePicker.js"></script> 查看详情

如何在 Dart 中为伪元素设置 css 属性

...题描述】：我需要在Dart中覆盖一个伪元素的css属性。在Javascript中，可以通过例如选择此选项document.getOverrideStyle(p,\':after\').display=\'none\';在Dart中我只找到了只读访问 查看详情

单击按钮后，如何在 Bootstrap DateTimePicker 中为日期添加月份？

...gabutton?【发布时间】：2019-02-1808:01:10【问题描述】：我的DatePicker有一个我从数据库加载的日期。但是，单击按钮后，我想在单击按钮之前将DatePicker中的日期添加6个月。我该怎么做？我按 查看详情

如何从默认的白色更改 DatePicker 对话框的背景颜色？

】如何从默认的白色更改DatePicker对话框的背景颜色？【英文标题】：HowtoChangetheDatePickerDialog\'sBackgroundColorfromdefaultWhite?【发布时间】：2018-05-3014:45:33【问题描述】：我正在尝试在Android中为DatePickerDialog设置深色主题样式。根据Vikr... 查看详情