Jquery ui jQuery UI日期选择器输出日期格式

我有内联jQuery UI日期选择器，需要自定义输出日期的格式和外观，代码：

<div id="date-start"></div>
<div class="date start" id="date-start-output"></div>

$(function(){
    // Datepicker
    $('#date-start').datepicker({
        inline:true,            
        showOtherMonths: true,
        altField: "#date-start-value",
        altFormat: "dd M yy",
        dateFormat: "dd M yy",
        onSelect: function(){
            var day1 = $("#date-start").datepicker('getDate').getDate();                 
            var month1 = $("#date-start").datepicker('getDate').getMonth() + 1;             
            var year1 = $("#date-start").datepicker('getDate').getFullYear();               
            var str_output = "<b>" + day1 + "</b><span>" + month1 + "<br />" + year1 + "</span>";
            $('#date-start-output').html(str_output);
        }

    }); 

});

$（函数（）{
//日期选择器
$（“#日期开始”）.datepicker({
是的，
showOtherMonths：是的，
altField:#日期开始值“，
altFormat:“dd M yy”，
日期格式：“dd M yy”，
onSelect:function（）{
var day1=$（“#日期开始”）.datepicker（'getDate'）.getDate（）；
变量month1=$（“#日期开始”）.datepicker（'getDate'）.getMonth（）+1；
变量year1=$（“#日期开始”）.datepicker（'getDate'）.getFullYear（）；
var stru_output=“”+day1+”+month1+”
“+year1+”；
$（“#日期开始输出”）.html（str#u输出）；
}
}); 
});

它可以工作，但在#date start output中，我的日期格式不是“dd-M-yy”，而是“dd-M-yy”。如何为月份设置必要的输出格式？ 另外，我需要在页面加载后显示in#date start output当前日期，我正在尝试“beforeShow”事件，但它不能与“onSelect”事件一起工作

---

谢谢。

选择事件处理程序第一个参数是文本形式的选定日期。 我猜它将按照初始化期间指定的格式进行格式化

看

如果需要特殊格式，可以尝试：

$(function(){
    // Datepicker
    $('#date-start').datepicker({
        ...
        onSelect: function(){
            var dateText = $.datepicker.formatDate("<b>dd</b><span>M<br />yy</span>", $(this).datepicker("getDate"));
            $('#date-start-output').html(dateText);
        }
    }); 
});

$（函数（）{
//日期选择器
$（“#日期开始”）.datepicker({
...
onSelect:function（）{
var dateText=$.datepicker.formatDate（“ddM
yy”，$（this.datepicker（“getDate”）；
$（“#日期开始输出”）.html（日期文本）；
}
}); 
});

---

不确定它是否能与HTML标记一起使用，但是

为什么要填充另一个字段，而您希望格式相同？谢谢@Plastic_zo1，这很好。仍然需要获取当前日期并在页面加载后显示，有什么想法吗？您可以使用setDate方法在日期选择器初始化后设置日期：

$（“#日期开始”）。日期选择器（“setDate”，new date（））
$(function(){
    // Datepicker
    $('#date-start').datepicker({
        ...
        onSelect: function(){
            var dateText = $.datepicker.formatDate("<b>dd</b><span>M<br />yy</span>", $(this).datepicker("getDate"));
            $('#date-start-output').html(dateText);
        }
    }); 
});