首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不根据选项集修改数据报警器

不根据选项集修改数据报警器
EN

Stack Overflow用户
提问于 2016-12-21 09:07:15
回答 1查看 373关注 0票数 2

下面是我的数据报警器的脚本:

代码语言:javascript
运行
复制
<script>
    $(document).ready(function(){
        var date_input=$('input[name="Date"]'); //date input has the name "Date"

        date_input.datepicker({
            format: 'yyyy-mm-dd',
            todayHighlight: true,
            autoclose: true,
        });
    });
</script>

正在正常工作。

但是,当我尝试设置一些附加选项时,这些更改不会在日历中出现。

例如,在autoclose: true之后添加以下行将不会显示两个月

代码语言:javascript
运行
复制
numberOfMonths: 2

或者添加以下两行将不会限制可以选择的日期:

代码语言:javascript
运行
复制
minDate: new Date(2016, 12 - 1, 16),
maxDate: new Date(2017, 1 - 1, 7)

这意味着,以下脚本的行为与问题开头的脚本完全相同:

代码语言:javascript
运行
复制
<script>
    $(document).ready(function(){
        var date_input=$('input[name="Date"]'); //date input has the name "Date"

        date_input.datepicker({
            format: 'yyyy-mm-dd',
            todayHighlight: true,
            autoclose: true,
            numberOfMonths: 2,
            minDate: new Date(2016, 12 - 1, 16),
            maxDate: new Date(2017, 1 - 1, 7)
        });
    });
</script>

我想我可能在其他地方复制了相同的脚本,但情况似乎并非如此,因为如果我将格式从format: 'yyyy-mm-dd'更改为format: 'yyyy/mm/dd',这种更改实际上是可见的。

那么,为什么我不能在我的数据采集器中设置一些额外的属性呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-21 09:48:11

似乎所有的密码都很好。检查此代码并与您的代码进行比较,可能您已经多次为该name字段调用datepicker()函数。同时检查js和html文件。如果您多次调用,它将无法正确显示结果。但是基本的日期选择器对于第一个调用是有效的,这就是为什么其他功能不能工作的原因。

单击此处查看代码页中的钢笔。

代码语言:javascript
运行
复制
$( function() {
    var date_input=$('input[name="Date"]'); //date input has the name "Date"

        date_input.datepicker({
            dateFormat: "yy-mm-dd",
            todayHighlight: true,
            autoclose: true,
            numberOfMonths: 2,
            minDate: new Date(2016, 12 - 1, 16),
            maxDate: new Date(2017, 1 - 1, 7)
        });
  } );
代码语言:javascript
运行
复制
<html lang="en">
<head>
  <title>jQuery UI Datepicker - Default functionality</title>
  <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>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker" name="Date"></p>
 
 
</body>
</html>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41258884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档