web-dev-qa-db-ja.com

ボタンをクリックするとjQueryUIdatePickerをトリガーし、無効な入力フィールドに結果を送信します

私はこれを行う方法を探していましたが、何も見つかりませんでした

私は持っていたい：

  • #XXと呼ばれる無効な入力テキストフィールド。この入力は、datepickerから選択された値を格納します（この入力が無効になっているため、これを使用してdatePickerをトリガーすることはできません）

  • #XX以外のボタン。ユーザーがこのボタンをクリックすると、datePickerが表示されます。ユーザーが日付を選択すると、この日付が無効な入力#XXに割り当てられます。

ユーザーが手動で変更できないようにするためにこれが必要です-crapと入力して-選択した日付

また、＃XX.val（）を使用して日付が入力されたかどうかを検証する必要がありますか？またはより良い方法はありますか？

jquery-uibuttontriggersuidatepicker
11
Enrique
<script type="text/javascript">
    $(function () {
        $("#datepicker").datepicker({
            constrainInput: true,
            showOn: 'button',
            buttonText: 'Select...'
        });
    });
</script>
<input id="datepicker" disabled="disabled" />

これにより、入力フィールドの横にボタンが追加され、ユーザーがフィールドにテキストを入力できなくなります...

9
dochoffiday

「show」メソッドを使用して、以前に入力要素にアタッチされた日付ピッカーを表示できます。

$('#myButton').click(function () {
    $('#myField').datepicker("show");
});
48
Andy E

遅くなるかもしれませんが、私はこれをしました

$("#firstDate").datepicker({
    onSelect: function () {
        myfunc();
    }
}); 

$("#secondDate").datepicker({
    showOn: ''
}); 

function myfunc(){
    var fDate = $('#firstDate');
    var sDate = $('#secondDate');
    sDate.val(fDate.val());
}

入力をクリックした日付ピッカーは表示されず、日付ピッカーを表示するボタンも表示されません。 Disabled私の場合、その入力フィールドから値を抽出する必要があるため、機能しません。

1
SammeAyala