授权特定字符的日期选择器字段

Question

我正在使用 jqueryUI 及其 datePicker 工作正常，但在法国，日期更可能用斜杠 (DD/MM/YYYY) 而不是破折号 (DD-MM-YYYY) 但 datePicker 不允许用户输入斜线。

我希望 datePicker 字段允许用户在其他授权字符之外输入斜杠（也就是说 both 破折号 和 斜杠，但我不知道在哪里改变它。格式已更改为法语格式。

有什么提示吗？

到目前为止，我的函数初始化任何需要日期选择器的字段（这里主要是为了将大部分文本翻译成法语）：

function initDatePicker(){
    $('*[class*=datepicker]:visible').each(function() {
        $( this ).datepicker({
            altField: "#datepicker",
            closeText: 'Fermer',
            prevText: 'Précédent',
            nextText: 'Suivant',
            firstDay:1,
            currentText: 'Aujourd\'hui',
            monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
            monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
            dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
            dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
            dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
            weekHeader: 'Sem.',
            dateFormat: 'dd-mm-yy'
        });
    });
};

Answer 1

Jquery ui Datepicker 不能同时接受这两种格式。 您可以使用两个输入文本，例如：

<input id="datepicker" pattern="\d{1,2}[\/-]\d{1,2}[\/-]\d{4}" type="text" />
<input id="hiddenField" type="text" style="display:none;" value="" />
<script type="text/javascript">
     $('#hiddenField').datepicker({
          [...]
          dateFormat: 'dd/mm/yy',
          onSelect:function(date){
               $('#datepicker').val(date);
          }
     });
     $('#datepicker').on("click", function() {
          $('#hiddenField').datepicker("show");
     });
</script>

这应该可以，如果需要，请编辑它以改进它