代码之家 › 专栏 › 技术社区 › Roy Hinkley

如何用jsDatePick显示年份选择控件

jsdatepick html javascript

Roy Hinkley · 技术社区 · 7 年前

年份选择器控件 喜欢 this example 年份选择器控件可见 >> :

月份选择器

我的控制权声明如下:

<div id="datepickerDOBWrapper" ><input type="text" id="datepickerDOB"></div>

$(function() {
     $("#datepickerDOB").datepicker();
});

我找不到具有显示选项的文档。这个 documentation 没有帮助。也没有 this post 这显示了许多选择。

2 回复 | 直到 7 年前

Andrew Lohr 7 年前

我不知道你从哪儿弄来的 $("#datepickerDOB").datepicker(); 因为库似乎没有使用初始化。

使用 jsDatePick repo 你链接,年来默认。下面是您应该如何初始化它的示例:

另外,这个脚本确实没有CDN,我建议下载它并将其包含在您的项目中。或者使用更受支持的日期选择器。

$(document).ready(function() {
  var calendar = new JsDatePick({
    useMode: 2,
    target: "datepickerDOBWrapper",
    dateFormat: "%d-%M-%Y"
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://rawgit.com/itamararjuan/jsdatepick/master/dist/jsDatePick_ltr.min.css" rel="stylesheet" />
<script src="https://rawgit.com/itamararjuan/jsdatepick/master/dist/jsDatePick.jquery.min.1.3.js"></script>

<div id="datepickerDOBWrapper"><input type="text" id="datepickerDOB"></div>

marc_s 6 年前

$('.input-group.date').datepicker({format: "dd.mm.yyyy"});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <br />
  <div class="row">
    <div class='col-sm-3'>
      <div class="form-group">
        <div id="filterDate2">
          
          <!-- Datepicker as text field -->         
          <div class="input-group date" data-date-format="dd.mm.yyyy">
            <input  type="text" class="form-control" placeholder="dd.mm.yyyy">
            <div class="input-group-addon" >
              <span class="glyphicon glyphicon-th"></span>
            </div>
          </div>
          
        </div>    
      </div>
    </div>
  </div>
</div>

它不会完美地运行,直到您使新的文件调用索引.js把这个代码放进去

$('.input-group.date').datepicker({format: "dd.mm.yyyy"}); 

import jquery library

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

7 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

8 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

8 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

8 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

8 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

8 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

8 月前