jQuery datepicker beforeShow日期格式出现问题

我已经集成了jQuery datepicker，我希望datepicker文本框中的日期格式是“Fri，Aug 4”，这一切都正常

问题：当我在文本框中打开带有日期（“Fri-Aug 4”）的日历时，该日期在日历中突出显示，但日历文本框中的日期格式更改为“08/04/2017”

我总是希望在任何上下文中，日期都以我自己的格式显示在文本框中，但事实并非如此。我有一个“onSelect”功能，可以设置所选日期的格式，并在文本框中正确显示。问题在于日历何时打开。下面是我的“beforeShow”代码。有人能帮我修一下吗

$("#exercise_date").datepicker({
    beforeShow: function(input, inst) {              
        var objStartDate = new Date( $("#exercise_date").data("selectedDate") );
        var customFormatDateStr = dayName[objStartDate.getDay()]+", "+months[objStartDate.getMonth()]+" "+objStartDate.getDate();
        $("#exercise_date").val( customFormatDateStr );
        $(this).datepicker("setDate", new Date($("#exercise_date").data("selectedDate")));              
    },
    enableOnReadonly: true,
    minDate: new Date( '2017-06-01T08:30:00Z' ),
    maxDate: new Date(),
    autoclose: true,
    hideIfNoPrevNext: true,
    onSelect: function(selectedDate){
        var displayDateObj = new Date( selectedDate );
        var customFormatDateStr = dayName[displayDateObj.getDay()]+", "+months[displayDateObj.getMonth()]+" "+displayDateObj.getDate();
        $("#exercise_date").val(customFormatDateStr);
        $("#exercise_date").data("selectedDate",selectedDate);
    },
    onClose: function(input, inst) {
        var objStartDate = new Date( $(this).data("selectedDate") );
        var customFormatDateStr = dayName[objStartDate.getDay()]+", "+months[objStartDate.getMonth()]+" "+objStartDate.getDate();
        $("#exercise_date").val( customFormatDateStr );
    }
});

---

试试这段代码

在代码中添加选项

dateFormat: 'D, M dd'

---

• D:白天
• M：一个月
• dd：日期

$（函数（）{
var today=“08/11/2017”；
var objStartDate=新日期（今天）；
变量月份=['1月'、'2月'、'3月'、'4月'、'5月'、'6月'、'7月'、'8月'、'9月'、'10月'、'11月'、'12月']；
var dayName=['Sun'，'Mon'，'Tue'，'Wed'，'Thu'，'Fri'，'Sat']；
var customFormatDateStr=dayName[objStartDate.getDay（）]+，“+months[objStartDate.getMonth（）]+”“+objStartDate.getDate（）；
$（“#行权日”）.val（customFormatDateStr）；
$（“行使日期”）。数据（“选定日期”，今天）；
$（“#行使日期”）。日期选择器({
beforeShow:函数（输入，指令）{
var objStartDate=新日期（$（“#行使日期”）。数据（“选定日期”）；
var customFormatDateStr=dayName[objStartDate.getDay（）]+，“+months[objStartDate.getMonth（）]+”“+objStartDate.getDate（）；
$（“#行权日”）.val（customFormatDateStr）；
$（此）.datepicker（“设置日期”，新日期（$（“#练习日期”）.data（“selectedDate”））；
},
enableOnReadonly:true，
minDate：新日期（'2017-06-01T08:30:00Z'），
maxDate:新日期（），
自动关闭：是的，
日期格式：“D，M-dd”，
hideIfNoPrevNext:没错，
onSelect：函数（selectedDate）{
var displayDateObj=新日期（selectedDate）；
var customFormatDateStr=dayName[displayDateObj.getDay（）]+，“+months[displayDateObj.getMonth（）]+”“+displayDateObj.getDate（）；
$（“#行权日”）.val（customFormatDateStr）；
$（“行使日期”）。数据（“选定日期”，选定日期）；
},
onClose：功能（输入、安装）{
var objStartDate=新日期（$（this）.data（“selectedDate”）；
var customFormatDateStr=dayName[objStartDate.getDay（）]+，“+months[objStartDate.getMonth（）]+”“+objStartDate.getDate（）；
$（“#行权日”）.val（customFormatDateStr）；
},
});
});
$（.ui datepicker”）.css（“字体大小”，13）

日期：
你解决了这个问题吗？不，我还没有解决。你能在
jsfiddle
/中复制这个问题并分享你的完整代码吗？这是jsfiddle，谢谢你的回复。当选择日期时，我做了更多的更改，我必须在Ajax调用中以“mm/dd/yy”格式传递所选日期。下面是我添加的代码行，它们是从picker=$（“#exercise_date”）.datepicker（'getDate'）；var formattedDateStr=$.datepicker.formattate（'mm/dd/yy'，从picker中选择日期）；查看此更改的日期格式。您还可以通过以下方式设置日期：
$（“#练习_date”）。日期选择器（'setDate'，新日期（今天））