10

私はこのコードを持っていますが、今は行き詰まっています:

<input type="text" id="datepicker" value="/">

<script type="text/javascript">
    $('#datepicker').datepicker()
        .on('changeDate', function(ev){
            // Some code..
        });
</script>

新しい日付が選択されるたびに、入力フィールドの値が更新されるようにしたい。値を選択した日付にします。

4

4 に答える 4

7
$(document).ready(function(){

    var dp = $("#datepicker");

    dp.datepicker({
        format : 'mm-dd-yyyy',
    });

     dp.on('changeDate', function(ev){
       dp.val(ev.target.value);
    });

});
于 2012-11-27T20:32:57.937 に答える
0

私は自分が働くためにいくつかのクレイジーなことをしなければなりませんでした。おそらくバージョンについて何か?わからない。

        var dt = $(".datepick");

        dt.datepicker({
            format: 'dd/mm/yyyy'
        });

        dt.on('changeDate', function (ev) {
            var mDate = new moment(ev.date);

            $("input", dt).attr('value',mDate.format('DD/MM/YYYY'));
        });

はい、私はモーメントjsを使用しています。これは、ページで日付の計算を行っているためです。

しかし、それはうまくいきました。

jqueryセレクターを使用して:not([value=''])セレクターで空のフィールドをフィルターできるように、入力に値を設定する必要がありました。

体に役立つといいのですが^_^

于 2015-11-17T14:37:28.270 に答える
0

HTML:

<div class="input-group input-daterange">
    <input type="text" class="form-control" value="2019-03-05">
    <div class="input-group-addon">to</div>
    <input type="text" class="form-control" value="2019-03-14">
</div>

JS:

$(".input-daterange input").each(function(){
        $(this).datepicker('setValue');
});
于 2019-03-14T15:11:58.603 に答える
-2
<script type="text/javascript">
$(function() {
    $( "#datepicker" ).datepicker().on('changeDate', function(ev){
        // Some code..
    });;
});

日付ピッカーは、ページの準備ができたら、#datepicker要素にアタッチする必要があります。

$(function() {
  //code
}

また

$(document).ready($function{
 //some code
});

またはそれを確認してください

$("#datepicker").datepicker().on('changeDate', function(ev){}); 

#datepicker要素がクリックされる前に関数で実行されます

于 2012-11-27T19:15:29.293 に答える