developer tip

기본값으로 오늘 부트 스트랩 datepicker

optionbox 2020. 12. 27. 10:38
반응형

기본값으로 오늘 부트 스트랩 datepicker


내 datepicker 에이 bootstrap-datepicker 를 사용하고 있습니다. 날짜 선택기에서 시작일 또는 기본 날짜로 "오늘"을 선택하고 싶습니다. "오늘"을 자동으로 설정하는 방법을 알 수 없어서 비효율적 인 방법을 사용했습니다.

HTML :

<input type="text" value ="today();" id="datepicker"/>

JS :

 $('#datepicker').datepicker();
function today(){
    var d = new Date();
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1;
    var curr_year = d.getFullYear();
    document.write(curr_date + "-" + curr_month + "-" + curr_year);
}

온라인 샘플 : http://jsfiddle.net/BXZk2/

기본 날짜를 "오늘"로 만드는 쉬운 솔루션을 찾고 있습니다.

감사


이것은 작동합니다.

$("#datepicker").datepicker("setDate", new Date());

자동 닫기 ( fiddle )의 경우 :

$('#datepicker').datepicker({
        "setDate": new Date(),
        "autoclose": true
});

jQuery> datepicker API


Init 이후에 설정

 $('#dp-ex-3').datepicker({ autoclose: true, language: 'es' });
$('#dp-ex-3').datepicker('update', new Date());

이 예제는 작동합니다.


이 코드를 사용했습니다.

$('#datePicker').datepicker({
                    format:'mm/dd/yyyy',
                }).datepicker("setDate",'now');

위의 옵션이 작동하지 않으면 다음을 사용하십시오.

$ ( ". datepicker"). datepicker ();
$ ( ". datepicker"). datepicker ( "setDate", new Date ());

이것은 나를 위해 일했습니다.


나는 이것을 작은 예를 사용했고 그것은 효과가 있었다.

$('#date').datetimepicker({
    defaultDate: new Date()
});

데모 : http://jsfiddle.net/m2fjw57b/1/


현재 날짜 및 기본 설정이 포함 된 완벽한 선택기

        //Datepicker
        $('.datepicker').datepicker({
            autoclose: true,
            format: "yyyy-mm-dd",
            immediateUpdates: true,
            todayBtn: true,
            todayHighlight: true
        }).datepicker("setDate", "0");

부트 스트랩 날짜 선택기

$( ".classNmae" ).datepicker( "setDate", new Date());

* 새 날짜는 jquery 기본 기능으로 사용자 지정 날짜를 전달할 수 있으며 설정하지 않으면 기본적으로 현재 날짜를 사용합니다.


이 링크 Set default date of jquery datepicker 에 따르면 다른 솔루션은

var d = new Date();

var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();

var dateStr = currDate + "-" + currMonth + "-" + currYear;

$("#datepicker").datepicker(({dateFormat: "dd-mm-yy" autoclose: true, defaultDate: dateStr });

간단 해

$(function() {
        $("#datePicker").datetimepicker({
            defaultDate:'now'

        });
    });

오늘을 기본값으로 설정합니다.


그것은 나를 위해 잘 작동합니다 ...

$(document).ready(function() {
        var date = new Date();
        var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

        $('#datepicker1').datepicker({
            format: 'dd-mm-yyyy',
            orientation: 'bottom'
        });

        $('#datepicker1').datepicker('setDate', today);

    });

이 질문은 부트 스트랩 날짜 선택기에 관한 것입니다. 그러나 위의 모든 답변은 jquery 날짜 선택기에 대한 것입니다. Bootstrap datepicker의 경우 입력 요소의 값에 기본 날짜를 제공하기 만하면됩니다. 이렇게.

<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">

1796 행 파일 'bootstrap-datetimepicker.js'에서 코드를 변경했습니다. 그것은 나를 위해 일했습니다

enter image description here

ReferenceURL : https://stackoverflow.com/questions/15423467/bootstrap-datepicker-today-as-default

반응형