如何在标签和文本框中显示日期选择器值

Question

$("#datepicker").datepicker();

我正在使用此功能

它的输入框是

<input type="text" id="datepicker" name="fulldate" class="form-control wid-100"> <span id="#dpicker_name"></span>

请帮我吧啦

Answer 1

习惯于此代码

演示版

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); $(document).ready(function(){ $('#datepicker').on('change', function(){ var dateThis = $(this).val(); $('#dpicker_name').text(dateThis); }); }); </script> </head> <body> <p>Date: <input type="text" id="datepicker"> <span id="dpicker_name"></span></p> </body> </html>

Answer 2

尝试这个。

$("#dpicker_name").text($( "#datepicker" ).datepicker( "getDate" ));

Answer 3

在javascript获取价值

var date = $(".datepicker").val();

并分配给lable

Answer 4

你必须喜欢

 $(document).ready(function(){ $("#datepicker").datepicker({ onSelect: function(dateText, inst) { $("#dpicker_name").html(dateText); } }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css"> <input type="text" id="datepicker" name="fulldate" class="form-control wid-100"> <span id="dpicker_name"></span>

请检查文件

你也可以不用onSelect就可以得到它

$("#datepicker").datepicker("getDate");

Answer 5

尝试这个

   $( "#datepicker" ).datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Select date"
   });

在我看来，您想在单击图标时触发日期选择器。 在此处检查文档。

如何在标签和文本框中显示日期选择器值

问题描述

5 个解决方案

解决方案1
0 2015-12-28 05:52:10

解决方案2
0 2015-12-28 05:56:07

解决方案3
0 2015-12-28 05:57:15

解决方案4
0 已采纳 2015-12-28 06:00:25

解决方案5
0 2015-12-28 06:01:15

如何在标签和文本框中显示日期选择器值

问题描述

5 个解决方案

解决方案1 0 2015-12-28 05:52:10

解决方案2 0 2015-12-28 05:56:07

解决方案3 0 2015-12-28 05:57:15

解决方案4 0 已采纳 2015-12-28 06:00:25

解决方案5 0 2015-12-28 06:01:15

解决方案1
0 2015-12-28 05:52:10

解决方案2
0 2015-12-28 05:56:07

解决方案3
0 2015-12-28 05:57:15

解决方案4
0 已采纳 2015-12-28 06:00:25

解决方案5
0 2015-12-28 06:01:15