![](/img/trans.png)
[英]How to get day of the week from the selected date on datepicker using javascript
[英]Display day name when date is selected from datepicker using jquery
我想在从日期选择器中动态选择日期时显示日期名称。 当用户从日期选择器中选择特定日期时,我想显示其动态显示的日期。如何从日期选择器中获取日期。 这是代码。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
var date = new Date();
var dayNo = date.getDay();
var mindate = (7-dayNo);
$( "#datepicker" ).datepicker({
dateFormat: 'yy-mm-dd', firstDay: 1,minDate: mindate
});
});
</script>
<input type="text" id="datepicker">
将onSelect
与要显示的自定义定义日期[数组]一起使用。
$(function() { var date = new Date(); var dayNo = date.getDay(); var mindate = (7 - dayNo); var d = ['sun', 'mon', 'tue', 'wed', 'th', 'fr', 'sat' ]; $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd', firstDay: 1, minDate: mindate, onSelect: function(dateText, inst) { var today = new Date(dateText); console.log(d[today.getDay()]); $('#datepicker').val(dateText + ' ' +d[today.getDay()]);//If you only want day remove dateText concat part } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <input type="text" id="datepicker">
你可以试试看 希望对您有帮助:
<input id="datepicker" type="text">
<p class="name"></p>
$( document ).ready(function() {
$("#datepicker").datepicker({
dateFormat: "dd-mm-yy",
onSelect: function(dateText, inst) {
var date = $.datepicker.parseDate(inst.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, inst.settings);
var dateText = $.datepicker.formatDate("DD", date, inst.settings);
$("p.name").html( "Day Name= " + dateText ); // Just the day of week
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.