标签: jquery-ui-datepicker
JQUERY UI 日期选择器可以显示日期名称而不是日期吗？
jQuery UI 日期选择器中是否有任何方法可以显示日期名称（如“星期二”）而不是日期？
我知道，默认情况下，它只显示日期（如“09/09/2011”），但我希望它显示“星期五”。
有没有选择？
推荐指数
解决办法
查看次数
jQuery UI datepicker:如何将星期日变成红色？
我需要星期天以红色突出显示.
我知道有一个叫做的课 ui-datepicker-week-end.
我的问题是,即使设置了其他类(ui-widget-content和ui-state-default)ui-datepicker-week-end也会覆盖红色!important.
唯一有色的是日历标题中的周末日.
推荐指数
解决办法
查看次数
更新月/年变化的日期字段 -Jquery 日期选择器
我正在尝试自定义 Jquery 日期选择器。我需要在更改年或月时更新输入字段上的日期而不单击日期。也就是说，如果 field 中已经存在日期，则即使未单击 date(days) ，Datepicker 也必须更新该字段。是否可以像这样更新“目标日期字段”？
我已经做了很多搜索，但找不到可行的解决方案。
<input type="text" id="DatePickerTest">
$(document).ready(function() {
$("#DatePickerTest").datepicker({
changeMonth:true,
changeYear:true,
showButtonPanel:true
});
请分享您的知识。
推荐指数
解决办法
查看次数
设置最大日期jquery datepicker
我很难设置jquery datepicker的最大日期.我想在最后约会时加30天.
我以dd.mm.yyyy格式得到我的约会.我拆分日期并制作一个Date对象,将其用作mindate(这是有效的).我的问题是我不能在maxdate属性上使用'+ 30D',我也尝试将第二个日期对象作为我的maxdate而没有任何影响.
我当前的代码不起作用:
var values = validdate.split(".");
var parsed_date = new Date(values[2], values[1], values[0]);
var maxdate = new Date();
maxdate.setDate(parsed_date.getDate() + 30);
$("#date").datepicker({
changeMonth: true,
changeYear: true,
minDate: parsed_date,
maxDate: maxdate
});
推荐指数
解决办法
查看次数
jquery datepicker - 将课程添加到前 17 天
有没有办法在 jquery datepicker 日历上给前 17 天上课？
我已经尝试过这个，但它似乎只是每天都在添加课程......
beforeShowDay: function(date) {
for (i = 0; i < 17; i++) {
return [true, 'myClass'];
}
return [false, ''];
}
编辑：
我几乎通过以下代码获得了它：
beforeShowDay: function (date) {
if (date <= new Date().setDate(new Date().getDate()+17) && date >= new Date() ) {
return [true, 'myClass'];
}
return [true, ''];
}
唯一的问题是它没有将课程设置为今天的日期。任何想法为什么？
推荐指数
解决办法
查看次数
根据 dd/mm/yyyy 日期格式的出生日期计算年龄
我想根据出生日期计算年龄。我可以轻松地对日期格式 mm/dd/yyyy 执行此操作，但是当我尝试对 dd/mm/yyyy 执行相同操作时，我得到了 Age = NaN。这是我的代码逻辑：
$('#DateOfBirth').datepicker({
onSelect: function (value, ui) {
var today = new Date(),
dob = new Date(value),
age = today.getFullYear() - dob.getFullYear(); //This is the update
$('#age').val(age);
alert(age);
},
//maxDate: "-16Y",
maxDate: maxDateVal,
showOn: "both",
buttonImage: "",
dateFormat: "dd/mm/yy",
changeMonth: true,
changeYear: true,
yearRange: '1920:c'
}).keydown(function (e) {
if (e.keyCode == 8 || e.keyCode == 46) {
$(e.target).val("");
} else {
e.preventDefault();
return false;
}
});
推荐指数
解决办法
查看次数
禁用日历中的所有日期
有没有办法禁用日历中的所有日期？当前的日历构造为：
$('.date-picker-field').datepicker( {
showOtherMonths: true,
selectOtherMonths: true,
changeMonth: true,
changeYear: true,
});
这将显示一个启用了所有日期的日历。我想显示所有日期都被禁用。
推荐指数
解决办法
查看次数
jQuery Datepicker 与先前提交的输入字段重叠
我在提交的表单上使用 jQuery Datepicker，它是在输入字段上实现的。当我单击输入字段以选择另一个日期时，先前提交的日期会出现在该字段上，并且它部分阻止了日期选择器的 UI。有什么干净的解决方案吗？非常感谢。
推荐指数
解决办法
查看次数
jQuery UI $.datepicker.noWeekends 不起作用
我正在使用以下脚本：
<script>
$( function() {
$( "#datepicker" ).datepicker({
altField: "#alternate",
altFormat: "DD, d MM, yy"
});
} );
$(function() {
$( "#datepicker" ).datepicker({
beforeShowDay: $.datepicker.noWeekends
});
});
</script>
我正在使用以下 HTML：
<p>Date: <input type="text" id="datepicker"> <input type="text" id="alternate" size="30"></p>
问题是所有周末仍然显示。任何关于我应该做什么的帮助将不胜感激。
如果需要，这是“头部”代码：
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker</title>
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
<script src="jquery-1.12.4.js"></script>
<script src="jquery-ui-1.12.1/jquery-ui.js"></script>
推荐指数
解决办法
查看次数
-webkit和-moz浏览器中的字体大小不同
检查这个jsfiddle
为什么font-size设置为时,datepicker的大小有差异1.5em？em的数量并不重要我尝试了不同的字体大小,我仍然遇到同样的问题.红色框设置为460px,您可以在其中查看firefox和chrome/safari中日期选择器的大小差异.
编辑:我已经尝试使用px insted of em
推荐指数
解决办法
查看次数