কীভাবে jQuery দিয়ে বর্তমান সময় পাবেন


129

নিম্নলিখিতটি মাইক্রোসেকেন্ডগুলিতে সময় দেয়, উদাহরণস্বরূপ 4565212462।

alert( $.now() );

আমি কীভাবে এটি একটি মানব পাঠযোগ্য সময় বিন্যাসে রূপান্তর করব ( যেমন : ঘন্টা: মিনিট: সেকেন্ড) ?


1
আপনি jQuery প্রয়োজন হবে না জন্য $.now()যেহেতু জাভাস্ক্রিপ্ট একটি নেটিভ বাস্তবায়ন রয়েছে: stackoverflow.com/questions/20456712/...
জোশ বিশপের মুখবাঁকা দণ্ড

সংশোধন: (১) এটি নেটিভ ডেট ডনউ () এর সাথে প্রতিস্থাপন করা হয়েছে এবং (২) ফেরত সময়টি মাইক্রোসেকেন্ড নয়, মিলিসেকেন্ডে রয়েছে।
den232

উত্তর:


304

আপনি এটির মতো চেষ্টা করতে পারেন:

new Date($.now());

জাভাস্ক্রিপ্ট ব্যবহার করে আপনি এগুলি করতে পারেন:

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


7
দয়া করে নোট করুন যে .getHours () স্থানীয় মেশিনের টাইম জোনের ঘন্টাগুলি ফেরত দেয়। ব্যবহারকারীর যদি আপনার ব্রাউজারটি আপনার চেয়ে অন্য কোনও টাইম জোনে থাকে তবে তারা getHours থেকে অন্যান্য ফলাফল পাবে। এটি .toString () পদ্ধতির ক্ষেত্রেও সত্য। জাভাস্ক্রিপ্টে টাইম জোনটি নিয়ন্ত্রণ করা জটিল ( সুতরাং অন্য উত্তরে উল্লিখিত হিসাবে, moment.js ব্যবহার করা ভাল ধারণা বলে মনে হচ্ছে। momentjs.com
ক্রিস

1
প্রতিটি প্রাপ্তিতে প্যাডস্টার্ট সহ আপনারও বিবেচনা করা উচিত: dt.getMinutes ()। ToString.padStart (2, '0') এটি নিশ্চিত করবে যে সংখ্যাগুলি 2 প্যাডযুক্ত প্যাডযুক্ত শূন্যের সাথে দীর্ঘ থাকবে এবং এটি প্রস্তাবিত জাভাস্ক্রিপ্ট কার্যকারিতা অনুসরণ করে - তাই সুন্দর ভবিষ্যতের প্রমাণিত: ডেভেলপার.মোজিলা.আর.ইন-
নেতিবাচক জিরো

2
@ নেজিটিভ জিরো একটি সত্যিই দরকারী (যদি প্রয়োজনীয় না হয়) পরামর্শ। দুর্ভাগ্যক্রমে এটি ফায়ারফক্সে আমার পক্ষে কার্যকর হয়নি (আমি অন্যান্য ব্রাউজারগুলিতে পরীক্ষা করিনি)। তবে এটিকে স্ট্রিং (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)

.. এবং আপনি যদি এইচএইচ-এমএম-এসএসে ফর্ম্যাট করতে চান সময়টি চান:

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

1
এখনকার ডিফল্ট হিসাবে আপনাকে নতুন তারিখের () প্যারামিটার সরবরাহ করার দরকার নেই।
অ্যান্ড্রু স্পোড

1
@ স্পোড আহ, ভাল কথা। আমি নিশ্চিত নই যে তখন অন্যান্য উত্তর কেন 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। এখন () একটি নতুন তারিখ ()। গেটটাইম () এর অভ্যন্তরীণ জাভাস্ক্রিপ্ট ফাংশন an

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

এটি ১৯ 1970০ সাল থেকে অতিক্রান্ত হওয়া সেকেন্ডের সংখ্যা ফিরে আসে, আপনি যে চেনাশোনাগুলিতে পড়েছেন তার উপর নির্ভর করে সাধারণত (প্রয়োজনীয়ভাবে সঠিকভাবে নয়) ইউনিক্স সময়, মহাকাশ বা টাইমস্ট্যাম্প হিসাবে উল্লেখ করা হয় simple সাধারণ গণিত ব্যবহার করে তারিখ / সময়গুলির মধ্যে পার্থক্য গণনা করার জন্য এটি সত্যই কার্যকর হতে পারে simple । এটির কোনও টাইমজোন তথ্য নেই এবং সর্বদা ইউটিসি থাকে।

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

এই উরফ ব্যতীত jQuery ব্যবহার করার দরকার নেই, তারিখ / সময় ম্যানিপুলেশন সাহায্য করতে অন্য কিছু করে না।

আপনি যদি পাঠ্যের সময়টি উপস্থাপনের জন্য দ্রুত এবং নোংরা উপায়ের সন্ধান করছেন, জাভাস্ক্রিপ্ট তারিখ অবজেক্টের একটি "টু স্ট্রিং" প্রোটোটাইপ রয়েছে যা একটি আইএসও বিন্যাসিত তারিখের সময় ফিরিয়ে দেবে।

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 সমাধান চেয়েছেন - সম্ভবত আপনি পুরানো ব্রাউজারগুলির সাথে কাজ করছেন। আপনি যদি আরও নির্দিষ্ট কিছু করতে চান - বিশেষ করে তারিখের অবজেক্টগুলিতে স্ট্রিংগুলি ব্যাখ্যা করে (এপিআই প্রতিক্রিয়াগুলির জন্য দরকারী), আপনি মোমেন্ট.জেগুলি দেখতে চাইতে পারেন might

http://momentjs.com/

এটি ক্রস ব্রাউজারের সামঞ্জস্যতা নিশ্চিত করবে এবং একসাথে প্রচুর স্ট্রিং সংহত না করে বিন্যাসে আরও উন্নত হবে! উদাহরণ স্বরূপ:

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

4

আমি আমার সমস্ত সময়ের হেরফের / প্রদর্শনের প্রয়োজনীয়তার জন্য মুহূর্তটি ব্যবহার করি (যদি আপনি এটি ব্যবহার করেন তবে ক্লায়েন্টের উভয় দিক এবং নোড.জেএসএস), যদি আপনার কেবলমাত্র একটি সাধারণ বিন্যাসের প্রয়োজন হয় তবে উপরের উত্তরগুলি করতে হবে, আপনি যদি আরও কিছু জটিল কিছু খুঁজছেন, মুহূর্ত হল আইএমও যাওয়ার উপায়।


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

জাভাস্ক্রিপ্ট নেটিভ ডেট ফাংশন ব্যবহার করে আপনি ঘন্টা , মিনিট এবং সেকেন্ড পেতে পারেন পারেন। আপনি যদি নির্দিষ্টভাবে তারিখ এবং সময় ফর্ম্যাট করতে চান তবে আপনি জাভাস্ক্রিপ্ট তারিখের প্রোটোটাইপ প্রসারিত কোনও পদ্ধতি প্রয়োগ করতে পারেন implement

এখানে ইতিমধ্যে কার্যকর করা একটি: https://github.com/jacwright/date.format





0

পরবর্তী

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

একটি উপর বর্তমান তারিখ জোর করার জন্য কাজ করে <input type="datetime-local">

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.