datepicker 형식이 작동하지 않습니다.

이 문제를 해결하려했지만 제대로 작동하지 않았습니다. 그것은 다음과 같이 출력됩니다 : 08/15/2016 그러나 그것을 원합니다 : 15.08.2016. 나는 또한 "dateFormat"으로 시도했지만 어느 쪽도 작동하지 않았다.datepicker 형식이 작동하지 않습니다.

var nowTemp = new Date(); 
nowTemp.setDate(nowTemp.getDate()+1); 

var fromEndDate = new Date(); 

$(function() { 

    $('#dpd1').datepicker({ 
     startDate: nowTemp, 
     dateFormat: "dd.mm.yy" 
    }); 

    $('#dpd2').datepicker({ 
     endDate: fromEndDate, 
     autoclose: true, 
     dateFormat: "dd.mm.yy" 
    }); 

}); 


var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

var checkin = $('#dpd1').datepicker({ 
    onRender: function(date) { 
     return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(ev) { 
    if (ev.date.valueOf() > checkout.date.valueOf()) { 
     var newDate = new Date(ev.date) 
     newDate.setDate(newDate.getDate() + 1); 
     checkout.setValue(newDate); 
    } 
    checkin.hide(); 
    $('#dpd2')[0].focus(); 
}).data('datepicker'); 

var checkout = $('#dpd2').datepicker({ 
    onRender: function(date) { 
     return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
    } 

}).on('changeDate', function(ev) { 
    checkout.hide(); 
}).data('datepicker');

아래 코드는 과거 날짜를 사용 중지하고 dpd2에서 미래 날짜 만 선택하는 옵션입니다.

출처

2016-08-09 Hanan Mufti

변경 ""에 ''

$(function() { 

    $('#dpd1').datepicker({ 
     startDate: nowTemp, 
     dateFormat: 'dd.mm.yy', 
    }); 

    $('#dpd2').datepicker({ 
     endDate: fromEndDate, 
     autoclose: true, 
     dateFormat: 'dd.mm.yy' 
    }); 

});

문제가이 기능에 있는지 확인하기 위해, 스크립트의 나머지 부분없이 테스트를 수행합니다.

코드가 정상적으로 작동하지만 오류가 다른 장소에있을 수 있습니다.
https://jsfiddle.net/iandrabedin/09sh7b86/

출처

2016-08-10 14:35:08

그것은 중 하나가 작동하지 않았다 원하는이입니다. 나는 형식으로 시도 : 'dd.mm.yy'도 ... –

첫 번째 선택기 다음에 첫 번째 dateFormat 뒤에 쉼표로 시도하십시오. 나는 당신에게 보여주기 위해 나의 코드를 편집했다. –

는

$('#txtDob').datepicker({ 
 
    format: 'dd.mm.yyyy', 
 
    autoclose: true 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" /> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script> 
 

 
<form action="#" method="post"> 
 
    <label for="txtDob"></label> 
 
    <input type="text" id="txtDob" /> 
 
</form>

출처

2017-01-11 08:49:41 ThinhLe

datepicker 형식이 작동하지 않습니다.

답변

관련 문제