javascript - 如何在点击日期时获取 Bootstrap 日期选择器输入值并将该值复制到变量

Question

我正在开发一个倒计时器，并尝试在 Bootstrap datpicker日点击时获取变量的输入值。有人能帮我解决一下吗？

这是 JSfidle 链接:

https://jsfiddle.net/Devbuddy/qor0jnmw/1/

HTML:

<input type="text" class="span2" value="" id="dp1" >
 <div id="demo">

 </div>

JS:

$(function(){
            window.prettyPrint && prettyPrint();
            $('#dp1').datepicker({
                format: 'mm-dd-yyyy'
            });
            var dateVal = $('#dp1').val();
        $('.day').on('click', function(){
            $('#demo').text(dateVal);
            });

      var nwdt = "10-06-2017";
        console.log(nwdt);
        var countDownDate = new Date(nwdt).getTime();

// Update the count down every 1 second
var x = setInterval(function() {

    // Get todays date and time
    var now = new Date().getTime();

    // Find the distance between now an the count down date
    var distance = countDownDate - now;

    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    // Output the result in an element with id="demo"
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";

    // If the count down is over, write some text 
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "EXPIRED";
    }
}, 1000);



        });

Answer 1

设置日期更改时的日期:

  $('#dp1').on('changeDate', function() {//event for the date change 
    var dateVal = $('#dp1').val();
    nwdt = dateVal;
    countDownDate = new Date(nwdt).getTime();

  });

https://jsfiddle.net/qor0jnmw/3/