JQuery के साथ वर्तमान समय कैसे प्राप्त करें


129

माइक्रोसेकंड में निम्नलिखित रिटर्न समय, उदाहरण के लिए 4565212462।

alert( $.now() );

मैं इसे मानव पठनीय समय प्रारूप में कैसे परिवर्तित करूं, जैसे कि (घंटे: मिनट: सेकंड) ?


1
आपको $.now()जावास्क्रिप्ट की आवश्यकता नहीं है क्योंकि जावास्क्रिप्ट में एक देशी कार्यान्वयन है: stackoverflow.com/questions/20456712/…
जोश क्रोज़ियर

सुधार: (1) इसे मूल Date.now (), और (2) के साथ बदल दिया गया है। लौटाया गया समय मिलीसेकंड में है, माइक्रोसेकंड में नहीं।
den232

जवाबों:


304

आप इस तरह की कोशिश कर सकते हैं:

new Date($.now());

इसके अलावा जावास्क्रिप्ट का उपयोग करके आप ऐसा कर सकते हैं:

var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
document.write(time);


7
कृपया ध्यान दें कि .getHours () स्थानीय मशीन के समय क्षेत्र में घंटे लौटाता है। यदि उपयोगकर्ता के पास आपके ब्राउज़र को आपके से अधिक समय क्षेत्र में है, तो वे getHours से अन्य परिणाम प्राप्त करेंगे। यह .toString () पद्धति के लिए भी सही है। जावास्क्रिप्ट में समय क्षेत्र को नियंत्रित करना मुश्किल है (आपको अपने और इच्छित समय क्षेत्र के बीच की गणना करना होगा और तदनुसार तारीख को संशोधित करना होगा)। तो जैसा कि एक अन्य जवाब में कहा गया है, क्षण का उपयोग करते हुए। एक अच्छे विचार की तरह लगता है। momentjs.com
क्रिस

1
आपको प्रत्येक प्राप्त करने के लिए पैडस्टार्ट सहित विचार करना चाहिए: dt.getMinutes ()। ToString.padStart (2, '0') यह सुनिश्चित करेगा कि संख्या एक गद्देदार शून्य के साथ 2 अंक लंबे रहें, और यह जावास्क्रिप्ट कार्यक्षमता का अनुसरण करता है - इतना सुंदर भविष्य के प्रमाण: डेवलपर.
नकारात्मक शून्य

2
@NegativeZero एक बहुत उपयोगी (यदि आवश्यक नहीं) सुझाव। दुर्भाग्य से यह फ़ायरफ़ॉक्स पर मेरे लिए काम नहीं किया (मैं अन्य ब्राउज़रों पर परीक्षण नहीं किया)। हालांकि, इसे स्ट्रिंग (dt.getMinutes ()) के रूप में फिर से लिखना। पैडस्टार्ट (2, '0') मेरे लिए काम करता है।
बिस्किटस्टैक

54

आपको मैन्युअल रूप से सभी "नंबर" लाने की आवश्यकता है

इस तरह:

var currentdate = new Date(); 
    var datetime = "Now: " + currentdate.getDate() + "/"
                + (currentdate.getMonth()+1)  + "/" 
                + currentdate.getFullYear() + " @ "  
                + currentdate.getHours() + ":"  
                + currentdate.getMinutes() + ":" 
                + currentdate.getSeconds();

document.write(datetime);


39

उदाहरण के लिए, किसी Dateऑब्जेक्ट को स्ट्रिंग में बदलें , उदाहरण के लिए, Date.prototypeरूपांतरणकर्ता का उपयोग करें :

var d = new Date();
d+'';                  // "Sun Dec 08 2013 18:55:38 GMT+0100"
d.toDateString();      // "Sun Dec 08 2013"
d.toISOString();       // "2013-12-08T17:55:38.130Z"
d.toLocaleDateString() // "8/12/2013" on my system
d.toLocaleString()     // "8/12/2013 18.55.38" on my system
d.toUTCString()        // "Sun, 08 Dec 2013 17:55:38 GMT"

या, यदि आप इसे और अधिक अनुकूलित करना चाहते हैं, तो सूची Date.prototypeपाने के तरीकों की सूची देखें ।


25

इसके लिए आपको jQuery का उपयोग करने की आवश्यकता नहीं है!

देशी जावास्क्रिप्ट कार्यान्वयन हैDate.now()

Date.now()और $.now()समान मूल्य लौटाएँ:

Date.now(); // 1421715573651
$.now();    // 1421715573651
new Date(Date.now())   // Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)
new Date($.now());     // Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)

..और यदि आप hh-mm-ss में स्वरूपित समय चाहते हैं:

var now = new Date(Date.now());
var formatted = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
// 20:10:58

1
आपको नई तिथि () के लिए पैरामीटर प्रदान करने की आवश्यकता नहीं है क्योंकि यह अब तक चूक गया है।
एंड्रयू स्पोड

1
@Spode आह, अच्छी बात है। मुझे यकीन नहीं है कि अन्य उत्तर तब jQuery का उपयोग क्यों कर रहे थे।
जोश क्रॉजियर

17

.clock {
width: 260px;
margin: 0 auto;
padding: 30px;
color: #FFF;background:#333;
}
.clock ul {
width: 250px;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center
}

.clock ul li {
display: inline;
font-size: 3em;
text-align: center;
font-family: "Arial", Helvetica, sans-serif;
text-shadow: 0 2px 5px #55c6ff, 0 3px 6px #55c6ff, 0 4px 7px #55c6ff
}
#Date { 
font-family: 'Arial', Helvetica, sans-serif;
font-size: 26px;
text-align: center;
text-shadow: 0 2px 5px #55c6ff, 0 3px 6px #55c6ff;
padding-bottom: 40px;
}

#point {
position: relative;
-moz-animation: mymove 1s ease infinite;
-webkit-animation: mymove 1s ease infinite;
padding-left: 10px;
padding-right: 10px
}

/* Animasi Detik Kedap - Kedip */
@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } 
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Making 2 variable month and day
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; 
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]

// make single object
var newDate = new Date();
// make current time
newDate.setDate(newDate.getDate());
// setting date and time
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);

setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);

setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000); 
});
</script>
<div class="clock">
<div id="Date"></div>
<ul>
<li id="hours"></li>
<li id="point">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul>
</div>


9

jQuery.now() रिटर्न: नंबर

विवरण: वर्तमान समय का प्रतिनिधित्व करने वाली संख्या लौटाएं।

यह विधि किसी भी तर्क को स्वीकार नहीं करती है।

$.now()विधि नंबर अभिव्यक्ति द्वारा वापस लिए एक आशुलिपि है (new Date).getTime()

http://api.jquery.com/jQuery.now/

जावास्क्रिप्ट का उपयोग करना सरल है:

var d = new Date();
var time = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
console.log(time);

5

jQuery का $ .now () नई तिथि ()। getTime (), एक आंतरिक जावास्क्रिप्ट फ़ंक्शन का एक उपनाम है।

http://api.jquery.com/jquery.now/

यह 1970 से बीता हुआ सेकंड की संख्या देता है, जिसे आमतौर पर यूनिक्स टाइम, एपोच या टाइमस्टैम्प के रूप में संदर्भित किया जाता है (आवश्यक रूप से सही नहीं), उन सर्किलों पर निर्भर करता है, जो साधारण भाषा विज्ञान का उपयोग करके तिथियों / समय के बीच अंतर की गणना के लिए वास्तव में आसान हो सकते हैं। । इसके पास कोई टाइमजोन जानकारी नहीं है और यह हमेशा यूटीसी है।

http://en.wikipedia.org/wiki/Unix_time

इस उपनाम के अलावा jQuery का उपयोग करने की कोई आवश्यकता नहीं है, यह तारीख / समय हेरफेर के साथ मदद करने के लिए बहुत कम है।

यदि आप पाठ में समय का प्रतिनिधित्व करने के लिए एक त्वरित और गंदे तरीके की तलाश कर रहे हैं, तो जावास्क्रिप्ट दिनांक ऑब्जेक्ट में एक "toString" प्रोटोटाइप है जो एक आईएसओ स्वरूपित दिनांक समय लौटा देगा।

new Date().toString();
//returns "Thu Apr 30 2015 14:37:36 GMT+0100 (BST)"

हालांकि संभावना से अधिक, आप अपनी स्वरूपण को अनुकूलित करना चाहेंगे। दिनांक ऑब्जेक्ट में आपके प्रासंगिक विवरणों को बाहर निकालने की क्षमता होती है ताकि आप अपने स्वयं के स्ट्रिंग प्रतिनिधित्व का निर्माण कर सकें।

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

var d = new Date(); //without params it defaults to "now"
var t = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
//Will return 14:37:36

हालाँकि, जैसा कि आपने jQuery के समाधान के लिए कहा है - यह संभवतः संभावना है कि आप पुराने ब्राउज़रों के साथ काम कर रहे हैं। यदि आप अधिक विशिष्ट चीजें करना चाहते हैं - विशेष रूप से डेट ऑब्जेक्ट्स (एपीआई प्रतिक्रियाओं के लिए उपयोगी) में स्ट्रिंग्स की व्याख्या करना, तो आप मोमेंट.जेएस को देखना चाह सकते हैं।

http://momentjs.com/

यह क्रॉस ब्राउज़र संगतता सुनिश्चित करेगा और बहुत सारे तार को एक साथ जोड़ने के बिना बहुत बेहतर स्वरूपण होगा! उदाहरण के लिए:

moment().format('hh:mm:ss');
//Will return 14:37:36

4

मैं का उपयोग पल सब अपने समय हेरफेर / प्रदर्शन की जरूरत के लिए (दोनों क्लाइंट पक्ष, और Node.js अगर आप इसका इस्तेमाल), तो आप सिर्फ एक सरल प्रारूप की जरूरत है जवाब ऊपर क्या करेंगे, फिर आप कुछ और अधिक जटिल के लिए देख रहे हैं, पल IMO जाने का रास्ता है।


3
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
    function ShowLocalDate()
    {
    var dNow = new Date();
    var localdate= (dNow.getMonth()+1) + '/' + dNow.getDate() + '/' + dNow.getFullYear() + ' ' + dNow.getHours() + ':' + dNow.getMinutes();
    $('#currentDate').text(localdate)
    }
</script>

</head>
<body>
    enter code here
    <h1>Get current local enter code here Date in JQuery</h1>
    <label id="currentDate">This is current local Date Time in JQuery</p>
    <button type="`enter code here button onclick="ShowLocalDate()">Show Local DateTime</button>

</body>
</html> 

आप नीचे दिए गए लिंक से अधिक जानकारी प्राप्त कर सकते हैं

http://www.morgantechspace.com/2013/11/Get-current-Date-time-in-JQuery.html#GetLocalDateTimeinJQuery



1

जावास्क्रिप्ट देशी तिथि कार्यों का उपयोग करके आप घंटों , मिनट और सेकंड प्राप्त कर सकते हैं। यदि आप विशेष रूप से दिनांक और समय प्रारूपित करना चाहते हैं, तो आप जावास्क्रिप्ट तिथि प्रोटोटाइप को विस्तारित करने की विधि को लागू करना चाह सकते हैं।

यहाँ एक पहले से ही लागू है: https://github.com/jacwright/date.format





0

निम्नलिखित

function gettzdate(){
    var fd = moment().format('YYYY-MM-DDTHH:MM:ss');
    return fd ; 
}

वर्तमान दिनांक को मजबूर करने के लिए कार्य करता है a <input type="datetime-local">

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.