简体   繁体   中英

JQuery date time picker add 5 hours for current time

I need two datetime pickers. In the first picker I need current date and time and in another picker I want to add 5 hours from current time. I tired with below code in jsfiddle. First picker working but second not working properly.

$(function() {
    $('#datepicker').datepicker({
        dateFormat: 'yy-dd-mm',
        onSelect: function(datetext){
            var d = new Date(); // for now
            datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
            $('#datepicker').val(datetext);
        },
    });
    });
    $(function() {
    $('#datepicker1').datepicker({
        dateFormat: 'yy-dd-mm',
        onSelect: function(datetext){
            var d = new Date();

            // for now
            datetext=datetext+" "+d.setHours(d.getHours())+": "+d.setMinutes(d.getMinutes());`enter code here`
            $('#datepicker1').val(datetext);
        },
    });
    });

Added 5 hour to current time

    var d1 = new Date (),
    var d2 = new Date ( d1 );
    var addedhour=d2.setHours ( d1.getHours() + 5 )

I have modified your code to add 5 hours from current time. Have a look at it :)

$(function() {
        $('#datepicker').datepicker({
            dateFormat: 'yy-dd-mm',
            onSelect: function(datetext){
                var d = new Date(); // for now
                datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
                $('#datepicker').val(datetext);
            },
        });
        });
        $(function() {
        $('#datepicker1').datepicker({
            dateFormat: 'yy-dd-mm',
            onSelect: function(datetext){
                var d = new Date();
                d.setHours(d.getHours() + 5)

                // for now
                datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
                $('#datepicker1').val(datetext);
            },
        });
        });

Try This Code,

$(function() {
    $('#datepicker').datepicker({
        dateFormat: 'yy-dd-mm',
        onSelect: function(datetext){
            var d = new Date(); // for now
            datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
            $('#datepicker').val(datetext);
        },
    });
});
$(function() {
    $('#datepicker1').datepicker({
        dateFormat: 'yy-dd-mm',
        onSelect: function(datetext){
           var date2 = new Date(); 
           date2.setHours(date2.getHours()+5);
           $('#datepicker1').val(date2);
        },
    });
});
this code is working 
$(function() {
$('#datetimepicker').datepicker({
    dateFormat: 'mm-dd-yy',
    onSelect: function(datetext){
        var d = new Date(); // for now
        datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
        $('#datetimepicker').val(datetext);
    },
});
});
$(function() {
$('#datetimepicker1').datepicker({
    dateFormat: 'mm-dd-yy',
    onSelect: function(datetext){
        var d1 = new Date();
        var d2 = new Date( d1 );
        var addedhour=d2.setHours (d1.getHours()+5)
        // for now
        datetext=datetext+" "+d2.getHours()+": "+d2.getMinutes();
        $('#datetimepicker1').val(datetext);

    },
});
});

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM