How to show date picker value in a label and textbox
Question
$("#datepicker").datepicker();
I am using this function
and its box of input is
<input type="text" id="datepicker" name="fulldate" class="form-control wid-100"> <span id="#dpicker_name"></span>
Please help me in it friends
5 answers
solution1
0 2015-12-28 05:52:10
used to this code
Demo
<!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>
solution2
0 2015-12-28 05:56:07
尝试这个。
$("#dpicker_name").text($( "#datepicker" ).datepicker( "getDate" ));
solution3
0 2015-12-28 05:57:15
Get value in javascript as
var date = $(".datepicker").val();
and assigned it to the lable
solution4
0 ACCPTED 2015-12-28 06:00:25
You have to do like
$(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>
Please check Documentation
Also you can get it without onSelect like
$("#datepicker").datepicker("getDate");
solution5
0 2015-12-28 06:01:15
Try this
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date"
});
Seems to me you want to trigger the datepicker on click of icon. Check the docs here .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Show date picker in textbox in react native
Typing the date time in textbox, does not change the selected value of date picker
Adding date picker to textbox
How to get a value and label in a textbox
how to show value of textbox type=date asp.net
How to show only time picker in date range picker
How to get Date and Time Picker values from textbox?
How can I bring a date picker inside a textbox
how to add date picker to a textbox in a div which has display none?
How to create a custom textbox with a label and value?
Related Tags