我有例子
http://jsfiddle.net/rAdV6/20/?
在 jqueryui 日期选择器中
第三个演示示例
其中只有月份和日期。
我想要这个在引导日期选择器上。
<http://www.eyecon.ro/bootstrap-datepicker/>?
我有例子
http://jsfiddle.net/rAdV6/20/?
在 jqueryui 日期选择器中
第三个演示示例
其中只有月份和日期。
我想要这个在引导日期选择器上。
<http://www.eyecon.ro/bootstrap-datepicker/>?
我为此做出的唯一解决方法是在日期选择器显示之前从日期标题中删除年份。下面是我用来初始化日期选择器的代码:
$(".datepicker").datepicker({
format : 'MM dd',
}).on('show', function() {
// remove the year from the date title before the datepicker show
var dateText = $(".datepicker-days .datepicker-switch").text();
var dateTitle = dateText.substr(0, dateText.length - 5);
$(".datepicker-days .datepicker-switch").text(dateTitle);
});
这对我有用。使用 jQuery 拆分功能。
$(".datepicker").datepicker({
format : 'MM dd',
}).on('show', function() {
// remove the year from the date title before the datepicker show
var dateText = $(".datepicker-days .datepicker-switch").text().split(" ");
var dateTitle = dateText[0];
$(".datepicker-days .datepicker-switch").text(dateTitle);
$(".datepicker-months .datepicker-switch").css({"visibility":"hidden"});
});
bootstrap datepicker 模块是一个第三方工具,您需要从您的代码中下载、安装和引用它。
从http://www.eyecon.ro/bootstrap-datepicker/下载 javascript 库。
您需要做的就是添加以下代码行,然后它就可以工作了。
$('.datepicker').datepicker({
format: "mm/dd"
})`
在 Jquery datepicker 中,您可以执行以下操作:
$(".daypicker").datepicker( {
changeYear: false,
dateFormat: 'MM-dd',
}).focus(function () {
$(".ui-datepicker-year").hide();
});
它不会影响同一页面中的其他日期选择器。
用这个:
format: "dd/mm",
weekStart: 1,
startView: 1,
maxViewMode: 1,
autoclose: true
试试这个,让我知道
$(".datepicker").datepicker({
format : 'mm-dd',
}).on('show', function() {
var dateText = $(".datepicker-days .datepicker-switch").text();
var dateTitle = dateText.substr(0, dateText.length - 5);
$(".datepicker-days .datepicker-switch").text(dateTitle);
var months= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
if(dateTitle=='' && $("#notify_month").val()!=""){
var month_val = parseInt($("#notify_month").val());
dateTitle = months[month_val-1];
$(".datepicker-days .datepicker-switch").text(dateTitle);
}
$(".datepicker-months .datepicker-switch").css({"visibility":"hidden"});
});