![](/img/trans.png)
[英]How do I disable today's date in datepicker after 6:30pm of every using jQuery or in javascript
[英]How do I pre-populate a jQuery Datepicker textbox with today's date?
我有一个非常简单的jQuery Datepicker日历:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
当然还有HTML ...
<input type="text" size="10" value="" id="date_pretty"/>
当用户调出日历时,今天的日期会很好地突出显示给用户,但是我如何让jQuery在页面加载时使用今天的日期来预填充文本框本身,而无需用户执行任何操作? 在99%的时间中,今天的默认日期将是他们想要的。
更新:有报告称此功能不再适用于Chrome。
这很简洁,可以完成工作(过时):
$(".date-pick").datepicker('setDate', new Date());
这不太简洁,利用链接使其可以在chrome中工作(2019-06-04):
$(".date-pick").datepicker().datepicker('setDate', new Date());
您必须先调用datepicker()>, 然后使用“ setDate”获取当前日期。
$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());
在日期选择器初始化后,或将您的setDate方法调用链接起来,如对此答案的注释中所述
$('.date-pick').datepicker({ /* optional option parameters... */ })
.datepicker("setDate", new Date());
它将无法正常工作
$(".date-pick").datepicker("setDate", new Date());
var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
myDate.getFullYear();
$("#date_pretty").val(prettyDate);
似乎有效,但是可能还有更好的方法。
setDate()
方法设置日期并更新关联的控件。 方法如下:
$("#datepicker1").datepicker({
dateFormat: "yy-mm-dd"
}).datepicker("setDate", "0");
如文档中所述, setDate()
愉快地接受JavaScript Date对象,数字或字符串:
新日期可以是Date对象,也可以是当前日期格式的字符串(例如'01 / 26/2009'),从今天起的天数(例如+7)或一串值和句点(y为年,“ m”代表数月,“ w”代表数周,“ d”代表数天,例如“ + 1m + 7d”),或者为null以清除所选日期。
如果您想知道,在构造函数中设置defaultDate
属性不会更新关联的控件。
设置为今天 :
$('#date_pretty').datepicker('setDate', '+0');
设置为昨天 :
$('#date_pretty').datepicker('setDate', '-1');
以此类推, 直到 今天 之前或之后的任何天数。
解决方案是:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
var myDate = new Date();
var month = myDate.getMonth() + 1;
var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
$("#date_pretty").val(prettyDate);
});
谢谢Grayghost!
这个为我工作。
$('#inputName')
.datepicker()
.datepicker('setDate', new Date());
此代码将确保使用日期选择器的格式:
$('#date-selector').datepicker('setDate', new Date());
无需重新应用格式,它在datepicker初始化时使用了datepicker预定义的一个(如果已分配!);)
David K Egghead的代码运行完美,谢谢!
$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());
我还设法对其进行了一些修整,并且也有效:
$(".date-pick").datepicker().datepicker("setDate", new Date());
$('input[name*="date"]').datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
beforeShow: function(input, instance) {
$(input).datepicker('setDate', new Date());
}
});
为了在装入时将日期选择器设置为某个默认时间(在我的情况下为当前日期),然后可以选择另一个日期,语法为:
$(function() {
// initialize the datapicker
$("#date").datepicker();
// set the time
var currentDate = new Date();
$("#date").datepicker("setDate",currentDate);
// set the options for the button
$("#date").datepicker("option",{
dateFormat: 'dd/mm',
showOn: "button",
// whatever option Or event you want
});
});
要预填充日期,首先必须初始化datepicker,然后传递setDate参数值。
$("#date_pretty").datepicker().datepicker("setDate", new Date());
只是以为我会加我的两分钱。 选择器正在添加/更新表单上使用,因此,如果要编辑现有记录,则需要显示来自数据库的日期,否则,需要显示今天的日期。 以下对我来说很好:
$( "#datepicker" ).datepicker();
<?php if (!empty($oneEVENT['start_ts'])): ?>
$( "#datepicker" ).datepicker( "setDate", "<?php echo $startDATE; ?>" );
<? else: ?>
$("#datepicker").datepicker('setDate', new Date());
<?php endif; ?>
});
您有2个选择:
选项A)仅在您单击输入时才在日历中标记为“活动”。
Js :
$('input.datepicker').datepicker(
{
changeMonth: false,
changeYear: false,
beforeShow: function(input, instance) {
$(input).datepicker('setDate', new Date());
}
}
);
CSS :
div.ui-datepicker table.ui-datepicker-calendar .ui-state-active,
div.ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-active {
background: #1ABC9C;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: inline-block;
width: 24px; height: 24px;
}
选项B)默认情况下为今天输入。 您必须先填充datepicker。
$("input.datepicker").datepicker().datepicker("setDate", new Date());
尝试这个
$(this).datepicker("destroy").datepicker({
changeMonth: false, changeYear: false,defaultDate:new Date(), dateFormat: "dd-mm-yy", showOn: "focus", yearRange: "-5:+10"
}).focus();
这对我来说更好,因为有时我在调用.datepicker('setDate', new Date());
遇到麻烦.datepicker('setDate', new Date());
因为如果我已经使用参数配置了日期选择器,那会很混乱。
$("#myDateText").val(moment(new Date()).format('DD/MM/YYYY'));
var prettyDate = $.datepicker.formatDate('dd-M-yy', new Date());
alert(prettyDate);
将prettyDate分配给必要的控件。
用这个:
$(".datepicker").datepicker({ dateFormat: 'dd-M-yy' }).datepicker('setDate', new Date());
要获取日期格式的日期,例如:2019年10月10日,这对于用户而言将更加容易理解。
$(function()
{
$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
});
资料来源: http : //www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.