2

プロジェクトに bootstrap-datepicker.js を使用する必要がありますが、マスクではうまく機能しません。

問題 1: フィールドをタブで移動すると、日付フィールドに今日の日付が自動入力されます。理想的には、まったく入力されません。

問題 2: データが入力された後、日付フィールドを空白にすることは困難です。

first name: <input type="text">
birthdate:  <input type="text" class="date">
city:       <input type="text">

js:

$(function() {
    $(".date").mask("99/99/9999");
    $('.date').datepicker({
        format: 'mm/dd/yyyy'
    });
});

問題はすべて、フォーカス中にマスクがフィールドにフォーマット文字の例 ( "_ _ / _ _ / _ _ _" ) を入力し、フォーカスが離れると、datepicker がマスクの前にサンプル文字を解析しようとするという事実に起因します。それらを削除するチャンス。datepicker はこれらの特殊文字を日付に解析できないため、今日の日付を選択しています。

bootstrap-datepicker がそれらを解析しようとする前に、サンプル文字を削除する方法を見つけられれば、私の問題は修正されると思います。

jsfiddler の例を提供しますが、サイトに bootstrap-datepicker.js と jquery.maskedinput.js を追加する方法がわかりません。

ご協力いただきありがとうございます。

4

3 に答える 3

9

私はこのオプションに出くわしました:

$('.date').datepicker({
        format: 'mm/dd/yyyy',
        forceParse: false
    });

force parse がデフォルトで true になっているのは驚くべきことです。くそブートストラップ。問題が修正されました。

于 2013-10-10T20:44:32.373 に答える
-1

datepicker に他のクラス名を使用して、html に混ぜてみてください

      $(function() {
        $(".date").mask("99/99/9999");
        $('.date2').datepicker({
             format: 'mm/dd/yyyy'
         });
      });

      birthdate:  <input type="text" class="date date2">
于 2013-10-10T17:32:00.270 に答える