How to set datetime format in jquery datetimepicker?

Question

I need to set a datetimepicker in the specific format dd/mm/yyyy hh:mm tt for example 13/03/2024 2.30 PM. But, I am getting 13/03/2024 14.30. I also can not set the minutes. It only shows the hours like 11.00, 12.00 and so on.

I tried in this way. cdn links

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" integrity="sha512-bYPO5jmStZ9WI2602V2zaivdAnbAhtfzmxnEGh9RwtlI00I9s8ulGe4oBa5XxiC6tCITJH/QG70jswBhbLkxPw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

html

<input type='text' id='txtDateTimePicker' />

javascript

$(function () {
    $('#txtDateTimePicker').datetimepicker({
        format: 'd/m/Y h:m tt',
        value: new Date()
    });  
});

Chirag Ashara · Accepted Answer · 2024-03-13 07:02:13Z

1

Try This

$(function () {
    $('#txtDateTimePicker').datetimepicker({
      format: 'd/m/Y h:i A',
      formatTime: 'h:i A',
      step: 15,  // Set the minute step to 15 minutes
      value: new Date()
    });
});

answered Mar 13, 2024 at 7:02

Chirag Ashara

1856 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SYED NAWAZ PRINCE Over a year ago

That served my purpose. Thank you. Could you please give me the documentation link for all the formats?

Abin Kuruvilla Chacko · Accepted Answer · 2024-03-13 09:31:53Z

0

$(function(){
 $('.datetimepicker').datetimepicker({
  format :"DD/MM/YYYY h.m A",
 });
});

answered Mar 13, 2024 at 9:31

Abin Kuruvilla Chacko

143 bronze badges

Collectives™ on Stack Overflow

How to set datetime format in jquery datetimepicker?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related