如何从Bootstrap Datepicker中选择单击日期

萨迪卡尚

我有Bootstrap Datepicker,我想在单击Set Date按钮时设置默认日期

的HTML

<div class="input-append date datepicker no-padding" data-date-format="dd-mm-yyyy">
    <input class="input-medium" id="date" size="16" type="text"><span class="add-on"><i class="icon-th"></i></span>
</div>
<a href="#" id="set_date">Set Date</a>

jQuery的

$(document).ready(function() {
    $('.datepicker').datepicker();
    
    $("#set_date").click(function(){
      date ="07/01/2015";
      $("#date").val(date); 
    });
});

我使用设置日期jQuery,但未显示为选定日期。我的问题是如何设置date点击并显示为选定日期。

JS小提琴

罗伯特

阅读此http://api.jqueryui.com/datepicker/#method-setDate

在这里更新您的示例后http://jsfiddle.net/tuG6C/614/

$(document).ready(function() {
    $('.datepicker').datepicker();

    $("#set_date").click(function(){
      date ="07-01-2015";
      //$("#date").val(date); 
      $( '.datepicker' ).datepicker( "setDate", date );
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从Bootstrap Datepicker中选择单击日期

来自分类Dev

如何在jQuery Datepicker中选择日期?

来自分类Dev

如何使用硒在Datepicker中选择日期?

来自分类Dev

Bootstrap Datepicker-从嵌入式/嵌入式版本中选择日期

来自分类Dev

Extjs DatePicker:如何使用鼠标单击在禁用日期上启用“单击/选择”?

来自分类Dev

Extjs DatePicker:如何使用鼠标单击在禁用日期上启用“单击/选择”?

来自分类Dev

选择日期后如何使Bootstrap Datepicker崩溃

来自分类Dev

当我在DatePicker中选择一个日期时如何获取文本字段值

来自分类Dev

如何根据用户从datePicker中选择的内容将月数添加到特定日期

来自分类Dev

Ctrl +单击以在Bootstrap中选择Gallery项目

来自分类Dev

Datepicker:如何在单击按钮时弹出日期选择器并将值存储在变量中

来自分类Dev

Datepicker:如何在单击按钮时弹出日期选择器并在textview中存储值

来自分类Dev

Datepicker:如何在单击按钮时弹出日期选择器并将值存储在变量中

来自分类Dev

在 Bootstrap daterangepicker 中选择开始日期后如何自动选择结束日期

来自分类Dev

Bootstrap Datepicker 2.0选择多个日期

来自分类Dev

单击按钮时如何从DatePicker获取日期

来自分类Dev

如何在CSS中选择单击的输入

来自分类Dev

如何从Fullcalendar中选择多个日期范围?

来自分类Dev

如何在SQL中选择连续日期

来自分类Dev

如何在mysql中选择最近的日期

来自分类Dev

如何从bootstrap-datepicker获取更改的日期

来自分类Dev

R-如何从日期列中选择最早的日期列?

来自分类Dev

如何从最大日期子查询列表中选择最大日期

来自分类Dev

Excel - 如何从日期范围中选择/过滤今天的日期?

来自分类Dev

如何在日期时间选择器中选择时间

来自分类常见问题

如何比较日期并从选择列表中选择选项?

来自分类Dev

如何在DatePicker中选择第一年

来自分类Dev

选择当前日期后的bootstrap-datepicker清空字段

来自分类Dev

Bootstrap3 datepicker - 选择时更改日期

Related 相关文章

  1. 1

    如何从Bootstrap Datepicker中选择单击日期

  2. 2

    如何在jQuery Datepicker中选择日期?

  3. 3

    如何使用硒在Datepicker中选择日期?

  4. 4

    Bootstrap Datepicker-从嵌入式/嵌入式版本中选择日期

  5. 5

    Extjs DatePicker:如何使用鼠标单击在禁用日期上启用“单击/选择”?

  6. 6

    Extjs DatePicker:如何使用鼠标单击在禁用日期上启用“单击/选择”?

  7. 7

    选择日期后如何使Bootstrap Datepicker崩溃

  8. 8

    当我在DatePicker中选择一个日期时如何获取文本字段值

  9. 9

    如何根据用户从datePicker中选择的内容将月数添加到特定日期

  10. 10

    Ctrl +单击以在Bootstrap中选择Gallery项目

  11. 11

    Datepicker:如何在单击按钮时弹出日期选择器并将值存储在变量中

  12. 12

    Datepicker:如何在单击按钮时弹出日期选择器并在textview中存储值

  13. 13

    Datepicker:如何在单击按钮时弹出日期选择器并将值存储在变量中

  14. 14

    在 Bootstrap daterangepicker 中选择开始日期后如何自动选择结束日期

  15. 15

    Bootstrap Datepicker 2.0选择多个日期

  16. 16

    单击按钮时如何从DatePicker获取日期

  17. 17

    如何在CSS中选择单击的输入

  18. 18

    如何从Fullcalendar中选择多个日期范围?

  19. 19

    如何在SQL中选择连续日期

  20. 20

    如何在mysql中选择最近的日期

  21. 21

    如何从bootstrap-datepicker获取更改的日期

  22. 22

    R-如何从日期列中选择最早的日期列?

  23. 23

    如何从最大日期子查询列表中选择最大日期

  24. 24

    Excel - 如何从日期范围中选择/过滤今天的日期?

  25. 25

    如何在日期时间选择器中选择时间

  26. 26

    如何比较日期并从选择列表中选择选项?

  27. 27

    如何在DatePicker中选择第一年

  28. 28

    选择当前日期后的bootstrap-datepicker清空字段

  29. 29

    Bootstrap3 datepicker - 选择时更改日期

热门标签

归档