jQuery UI Datepicker का उपयोग करते समय घंटे, मिनट और सेकंड के साथ तिथि को प्रारूपित करने के लिए कैसे?

क्या jQuery UI Datepicker के साथ दिनांक, मिनट और सेकंड दिखाने के लिए तिथि को प्रारूपित करना संभव है?jQuery UI Datepicker का उपयोग करते समय घंटे, मिनट और सेकंड के साथ तिथि को प्रारूपित करने के लिए कैसे?

यह मेरे वर्तमान mockup है:

$(function() { 
 
    $('#datepicker').datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }).val(); 
 
});

<html> 
 
<head> 
 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
 
    <title>snippet</title> 
 
</head> 
 
<body> 
 

 
    <input type="text" id="datepicker"> 
 

 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

जब मैं .datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }) फोन दिए गए मान है:

201313-07-03 HH: जुलाई: एस एस

यहां है एक JSFiddle।

स्रोत

2013-07-03 NETCreator Hosting - WebDesign

दिनांक पिकर केवल आपको एक तिथि चुनने देता है, समय नहीं, इसलिए स्वरूपण घंटे, मिनट और सेकंड समर्थित नहीं होंगे। आप बस 00:00:00 खुद को जोड़ सकते हैं। –

'var curTime = नई तिथि()'। आप चाहते हैं कि प्रारूप के लिए [पल] (http://momentjs.com/) जैसे पुस्तकालयों का उपयोग कर सकते हैं। –

$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");

समय पिकर के लिए, आप Datepicker के timepicker जोड़ना चाहिए, और यह एक बराबर आदेश के साथ स्वरूपित किया जाएगा।

संपादित

उपयोग इस एक है कि jQuery के यूआई datepicker का विस्तार। आप तिथि और समय दोनों उठा सकते हैं।

http://trentrichardson.com/examples/timepicker/

स्रोत

2013-07-03 02:55:29

मैं इसके बारे में एक जवाब खोजने के लिए और अधिक प्रयास करता हूं लेकिन आखिरकार मुझे आपका जवाब आखिरी बार मिला। मैं आपको सुझाव देना चाहता हूं कि आपका उत्तर डेटपिकर का ऑब्जेक्ट लौटाएगा, इसलिए मैं इस तरह के कोडिंग में संशोधित करता हूं। धन्यवाद ... $ ("# डेटपिकर ")। डेटपिकर (" विकल्प "," डेटफॉर्मैट "," डीडी-एमएम-वाई ")। वैल(); – Ashish4434

एक साथ तारीख और समय के बारे में क्या? ऐसा प्रतीत नहीं होता है कि यह इस प्रारूप को अनुमति देता है: आपके द्वारा प्रदान किए गए लाइब्रेरी लिंक में 'yyyy-mm-dd hH: mm: ss'। – Si8

DateTimePicker प्लगइन का उपयोग कर इस fiddle

$(function() { 
$('#datepicker').datepicker({ 
    dateFormat: 'yy-dd-mm', 
    onSelect: function(datetext){ 

     var d = new Date(); // for now 

     var h = d.getHours(); 
     h = (h < 10) ? ("0" + h) : h ; 

     var m = d.getMinutes(); 
     m = (m < 10) ? ("0" + m) : m ; 

     var s = d.getSeconds(); 
     s = (s < 10) ? ("0" + s) : s ; 

     datetext = datetext + " " + h + ":" + m + ":" + s; 

     $('#datepicker').val(datetext); 
    } 
}); 
});

स्रोत

2013-07-03 03:13:56 Arunu

महान समाधान, लेकिन यह प्रमुख शून्यों को जोड़ता नहीं है। आप उन्हें इस तरह जोड़ सकते हैं: '(' 0 '+ d.getHours())। टुकड़ा (-2) ' और' $ (') के बजाय' $ (this) 'पर नया मान लागू करना बेहतर है। #datepicker ') '। यह उपयोगी हो सकता है यदि आपके पास चयनकर्ता में एक से अधिक तत्व हैं, जैसे '$ ('datepicker')। Datepicker (...)' – Amazzing

हम एएम/पीएम को कैसे दिखा सकते हैं? –

यह मेरे लिए काम कर रहा है धन्यवाद :) –

कोशिश या,।

रेफरी: DateTimePicker AM/PM Dropdown

रेफरी: http://xdsoft.net/jqplugins/datetimepicker/

स्रोत

2013-12-27 03:54:03

उत्कृष्ट DateTimePicker प्लगइन के साथ संयोजन में jQuery यूआई का उपयोग से http://trentrichardson.com/examples/timepicker/

आप DateFormat और timeFormat निर्दिष्ट कर सकते हैं

$('#datepicker').datetimepicker({ 
    dateFormat: "yy-mm-dd", 
    timeFormat: "hh:mm:ss" 
});

स्रोत

2014-01-15 18:29:23 Notflip

अभी के रूप में, यह काम नहीं कर रहा है – dctucker

@dctucker क्या समस्या है? यह वास्तव में एक पुराना जवाब है। अगर आप मुझे बता सकते हैं कि क्या गलत हो रहा है तो मैं इसे अपडेट कर सकता हूं? – Notflip

मेरे लिए यह काम करता है, धन्यवाद –

jQuery UI Datepicker का उपयोग करते समय घंटे, मिनट और सेकंड के साथ तिथि को प्रारूपित करने के लिए कैसे?

उत्तर

संबंधित मुद्दे