jQuery তারিখ বিন্যাস


185

আমি কীভাবে jQuery ব্যবহার করে তারিখটি ফর্ম্যাট করতে পারি। আমি নীচে কোড ব্যবহার করছি তবে ত্রুটি হচ্ছে:

 $("#txtDate").val($.format.date(new Date(), 'dd M yy'));

একটি সমাধান পরামর্শ দিন।


1
মাইক্রোসফ্ট জেএসক্রিপ্ট রানটাইম ত্রুটি: 'forma। ফর্ম্যাট' শূন্য বা কোনও বস্তু নয়
ডটনেটস্পারো

আপনি কি প্লাগইনটি অন্তর্ভুক্ত করেছেন যাতে ফর্ম্যাট ফাংশন অন্তর্ভুক্ত রয়েছে?
zzzzBov

39
Yyyy-mm-dd এর জন্য স্নিগ্ধ একটি লাইনার:new Date().toJSON().substring(0,10)
মাইকে কারণ


10
সতর্কবার্তা! স্লিক কোড: দুর্দান্ত new Date().toJSON().substring(0,10)কাজ করেছে, তবে এটি GMT হিসাবে তারিখ ফেরায়! যেহেতু আমরা GMT থেকে 7 ঘন্টা পিছিয়ে আছি, সন্ধ্যা :00 টা ৫০ মিনিটের পরে আমি ভুল তারিখটি পেয়ে যাচ্ছিলাম। আমি কারণটি / দীর্ঘশ্বাস / খুঁজে বের করতে কয়েক ঘন্টা নষ্ট করেছি। তথ্যসূত্র
জেআরএ-গ্রেইবার্ড

উত্তর:


102

jQuery ডেটফর্ম্যাট একটি পৃথক প্লাগইন। আপনার স্পষ্টভাবে একটি <script>ট্যাগ ব্যবহার করে এটি লোড করা দরকার ।


10
@ ডটনেট নিশ্চিত করুন, অন্যান্য ফাংশন ব্যবহার করে: উদাহরণস্বরূপ দেখুন এখানে
পেক্কা

33
@ ডটনেট যদি এটি jQuery ব্যবহার করে করা যায়, তবে তারিখের বিন্যাসের জন্য একটি jQuery প্লাগ-ইন থাকত না?
পেক্কা

1
আমি বলতে পারি না এটি রসিকতা হওয়া উচিত কি না ... এটি প্রায় উজ্জ্বল @ পেক্কা। এছাড়াও, এটি সঠিক উত্তর।
jcolebrand

1
jQuery ডেটফর্ম্যাট jQuery বৈধতা সঙ্গে কাজ করে না। খাঁটি জাভাস্ক্রিপ্ট সংস্করণও নয়।
কুণাল বি।

3
এটা বিশ্বাস করা শক্ত যে ভ্যানিলা jQuery এর একটি তারিখের ফর্ম্যাট করার কোনও ফাংশন নেই। এই প্রশ্নটি 5 বছরের পুরনো, এখনও কি তাই?
felwithe

212

আপনার পৃষ্ঠায় jquery ui প্লাগইন যুক্ত করুন।

 $("#txtDate").val($.datepicker.formatDate('dd M yy', new Date()));

2
এটি আমি উত্তরটি খুঁজছিলাম, বিশেষত যেহেতু আমি অন্য কোথাও jQuery UI ব্যবহার করছি।
এনজিফনাব

+ 2 বছর তারিখ পাওয়ার কোনও উপায় আছে কি?
সার্জাস

1
var বর্তমান তারিখ = নতুন তারিখ (); কারেন্টডেট.সেটফুল ইয়ার (কারেন্টডেট.জেটফুল ইয়ার () + ২);
থুলাসিরাম

এটি অত্যন্ত দুঃখজনক যে এটি সময় বিন্যাসকে সমর্থন করে না = এস
টমাস

4
এখানে সরকারী দস্তাবেজ-এ লিঙ্ক api.jqueryui.com/datepicker/#utility-formatDate
Guillaume, Husta

101

যদি আপনি jQuery / jQuery প্লাগইন ব্যবহার করতে না চান তবে একটি বিকল্প হ'ল সহজ জেএস তারিখ () ফাংশন হবে:

উদাহরণ:

var formattedDate = new Date("yourUnformattedOriginalDate");
var d = formattedDate.getDate();
var m =  formattedDate.getMonth();
m += 1;  // JavaScript months are 0-11
var y = formattedDate.getFullYear();

$("#txtDate").val(d + "." + m + "." + y);

দেখুন: জাভাস্ক্রিপ্ট ব্যবহার করে সময় এবং তারিখের ফর্ম্যাট করার 10 টি উপায়

আপনি যদি দিন / মাসে শীর্ষস্থানীয় জিরো যুক্ত করতে চান তবে এটি একটি নিখুঁত উদাহরণ: জাভাস্ক্রিপ্ট তারিখের শীর্ষস্থানীয় শূন্যকে যুক্ত করে

এবং যদি আপনি নেতৃস্থানীয় শূন্যগুলির সাথে সময় যুক্ত করতে চান তবে এটি চেষ্টা করে দেখুন: getMinutes () 0-9 - কিভাবে দুটি সংখ্যা সহকারে?


@ সইনের মতো সেকেন্ড যুক্ত করা সহজ হবে
wpcoder

ব্যবহারকারীর সাম্প্রতিক তারিখ বা তারিখটি Dateবস্তুকে খাওয়ানো না হওয়া পর্যন্ত এটি ভাল good একই ফরম্যাটে তারিখ পাওয়ার সম্পর্কে তবে ফিডের তারিখের 6 মাস আগে ??
সানজোক গুরুং

31

এখানে একটি সার্থক বেসিক ফাংশন যা আমি সবে তৈরি করেছি যাতে কোনও বাহ্যিক প্লাগইন প্রয়োজন হয় না:

$.date = function(dateObject) {
    var d = new Date(dateObject);
    var day = d.getDate();
    var month = d.getMonth() + 1;
    var year = d.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date = day + "/" + month + "/" + year;

    return date;
};

ব্যবহার করুন:

$.date(yourDateObject);

ফলাফল:

dd/mm/yyyy

27

থুলসিরাম, আমি আপনার পরামর্শটি পছন্দ করি। এটি আমার জন্য কিছুটা আলাদা সিনট্যাক্স / প্রসঙ্গে ভালভাবে কাজ করে:

var dt_to = $.datepicker.formatDate('yy-mm-dd', new Date());

আপনি যদি জিকুয়ারি ইউআই থেকে ডেটপিকারটি ব্যবহার করার সিদ্ধান্ত নেন তবে নিশ্চিত হয়ে নিন যে আপনি আপনার নথির <হেড> বিভাগে যথাযথ উল্লেখগুলি ব্যবহার করেছেন:

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

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

25

আমি মোমেন্ট জেএস ব্যবহার করছি । খুব সহায়ক এবং সহজেই ব্যবহারযোগ্য।

var date = moment(); //Get the current date
date.format("YYYY-MM-DD"); //2014-07-10

আমি ব্যবহারকারী 3812343 সম্মতি! মোমেন্ট জেএস দুর্দান্ত - যারা নেট নেট সিনট্যাক্স নিয়ে কাজ করেছেন তাদের দ্বারা সহজেই শোষণ করা সহজ।
ডোমিনিক রাস

বছরের এক মাস সময় প্রয়োজন মিনিট দ্বিতীয়?
চৈতন্য দেশাই

15

আমি আশা করি এই কোডটি আপনার সমস্যার সমাধান করবে।

var d = new Date();

var curr_day = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();

var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();

curr_month++ ; // In js, first month is 0, not 1
year_2d = curr_year.toString().substring(2, 4)

$("#txtDate").val(curr_day + " " + curr_month + " " + year_2d)

7

কেবল এটি ব্যবহার করুন:

var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2);

1
দ্রষ্টব্য, এটি আপনাকে অতীতের এক মাসের তারিখ দেয় (যদি এটি জানুয়ারীতে অ্যাক্সেস না করা হয় তবে এটি আপনাকে মাসের জন্য '00' দেয়) কারণ ডেট.গেটমনেথ () একটি শূন্য-ভিত্তিক সূচক।
জয়ব্রত

7

আপনি যদি jquery ui ব্যবহার করেন তবে আপনি নীচের মতো এটি ব্যবহার করতে পারেন, আপনি নিজের তারিখের ফর্ম্যাটটি নির্দিষ্ট করতে পারেন

$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"

7

আপনার এই ফাংশনটি যুক্ত করুন <script></script>এবং যেখান থেকে আপনি চান সেখানে কল করুন<script></script>

<script>

function GetNow(){
    var currentdate = new Date(); 
    var datetime = currentdate.getDate() + "-"
            + (currentdate.getMonth()+1)  + "-" 
            + currentdate.getFullYear() + " "  
            + currentdate.getHours() + ":"  
            + currentdate.getMinutes() + ":" 
            + currentdate.getSeconds();
    return datetime;
}

window.alert(GetNow());

</script>

অথবা আপনি কেবল Jquery ব্যবহার করতে পারেন যা ফরম্যাটিং সুবিধাও সরবরাহ করে: -

window.alert(Date.parse(new Date()).toString('yyyy-MM-dd H:i:s'));

আমি দ্বিতীয় বিকল্প পছন্দ। এটি একসাথে সমস্ত সমস্যা সমাধান করে।


1
এই 2 য় বিকল্পটি আমাকে "রেডিক্স আর্গুমেন্ট অবশ্যই সংখ্যা.টোস্ট্রিংয়ের 2 এবং 36 এর মধ্যে হওয়া উচিত"। এটি বিপর্যস্ত.
IRGeekSauce

6

যদিও এই প্রশ্নটি কয়েক বছর আগে জিজ্ঞাসা করা হয়েছিল, jQuery প্লাগইন আর প্রয়োজন হয় না যদি শর্তাবলীর তারিখের মান বিন্যাসের সাথে স্ট্রিং থাকে mm/dd/yyyy(যেমন তারিখ-চয়নকারী ব্যবহার করার সময়);

var birthdateVal = $('#birthdate').val();
//birthdateVal: 11/8/2014

var birthdate = new Date(birthdateVal);
//birthdate: Sat Nov 08 2014 00:00:00 GMT-0500 (Eastern Standard Time)

5

আপনি নতুন ব্যবহারকারী jQuery ফাংশন 'getDate' যোগ করতে পারেন

জেএসফিডাল: গেটডেট জিকুয়েরি

অথবা আপনি কোড স্নিপেট চালাতে পারেন। এই পোস্টের নীচে কেবল "রান কোড স্নিপেট" বোতাম টিপুন।

// Create user jQuery function 'getDate'
(function( $ ){
   $.fn.getDate = function(format) {

	var gDate		= new Date();
	var mDate		= {
	'S': gDate.getSeconds(),
	'M': gDate.getMinutes(),
	'H': gDate.getHours(),
	'd': gDate.getDate(),
	'm': gDate.getMonth() + 1,
	'y': gDate.getFullYear(),
	}

	// Apply format and add leading zeroes
	return format.replace(/([SMHdmy])/g, function(key){return (mDate[key] < 10 ? '0' : '') + mDate[key];});

	return getDate(str);
   }; 
})( jQuery );


// Usage: example #1. Write to '#date' div
$('#date').html($().getDate("y-m-d H:M:S"));

// Usage: ex2. Simple clock. Write to '#clock' div
function clock(){
	$('#clock').html($().getDate("H:M:S, m/d/y"))
}
clock();
setInterval(clock, 1000); // One second

// Usage: ex3. Simple clock 2. Write to '#clock2' div
function clock2(){

	var format = 'H:M:S'; // Date format
	var updateInterval = 1000; // 1 second
	var clock2Div	= $('#clock2'); // Get div
	var currentTime	= $().getDate(format); // Get time
	
	clock2Div.html(currentTime); // Write to div
	setTimeout(clock2, updateInterval); // Set timer 1 second
	
}
// Run clock2
clock2();

// Just for fun
// Usage: ex4. Simple clock 3. Write to '#clock3' span

function clock3(){

	var formatHM = 'H:M:'; // Hours, minutes
	var formatS = 'S'; // Seconds
	var updateInterval = 1000; // 1 second
	var clock3SpanHM	= $('#clock3HM'); // Get span HM
	var clock3SpanS	= $('#clock3S'); // Get span S
	var currentHM	= $().getDate(formatHM); // Get time H:M
	var currentS	= $().getDate(formatS); // Get seconds
	
	clock3SpanHM.html(currentHM); // Write to div
	clock3SpanS.fadeOut(1000).html(currentS).fadeIn(1); // Write to span
	setTimeout(clock3, updateInterval); // Set timer 1 second
	
}
// Run clock2
clock3();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<div id="date"></div><br>
<div id="clock"></div><br>
<span id="clock3HM"></span><span id="clock3S"></span>

উপভোগ করুন!


4

আপনি এই স্নিপেট ব্যবহার করতে পারেন

$('.datepicker').datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: '1900:+0',
  defaultDate: '01 JAN 1900',
  buttonImage: "http://www.theplazaclub.com/club/images/calendar/outlook_calendar.gif",
  dateFormat: 'dd/mm/yy',
  onSelect: function() {
    $('#datepicker').val($(this).datepicker({
      dateFormat: 'dd/mm/yy'
    }).val());
  }
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<p>
  selector: <input type="text" class="datepicker">
</p>
<p>
  output: <input type="text" id="datepicker">
</p>


4

কেবলমাত্র আমরা তারিখটি যেমন ফর্ম্যাট করতে পারি,

var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));

যেখানে "তারিখ" কোনও বিন্যাসে একটি তারিখ।



1

তারিখ চয়নকারী তৈরি করার সময় ডেটফর্ম্যাট বিকল্পটি ব্যবহার করুন।

$("#startDate").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                    dateFormat: 'yy/mm/dd'
                });

1

আপনি প্লাগইন ছাড়াই নীচের কোডটি ব্যবহার করতে পারেন।

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
$( function() {
    //call the function on page load
	$( "#datepicker" ).datepicker();
    //set the date format here
    $( "#datepicker" ).datepicker("option" , "dateFormat", "dd-mm-yy");
	
    // you also can use 
    // yy-mm-dd
    // d M, y
    // d MM, y
    // DD, d MM, yy
    // &apos;day&apos; d &apos;of&apos; MM &apos;in the year&apos; yy (With text - 'day' d 'of' MM 'in the year' yy)
	} );
 </script>

Pick the Date: <input type="text" id="datepicker">


1

এটি আমার জন্য সামান্য পরিবর্তন এবং কোনও প্লাগইন ছাড়াই কাজ করেছে

ইনপুট: বুধ এপ্রিল 11 2018 00:00:00 GMT + 0000

$.date = function(orginaldate) { 
    var date = new Date(orginaldate);
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date =  month + "/" + day + "/" + year; 
    return date;
};

$.date('Wed Apr 11 2018 00:00:00 GMT+0000')

আউটপুট: 04/11/2018


0

2 বছর আগে আমাকে যেমন জিজ্ঞাসা করা হয়েছিল এমন প্রশ্নের উত্তর দেওয়ার অনুমতি দেওয়া হয়েছে তা আমি নিশ্চিত নই, কারণ স্ট্যাকওভারফ্লোতে এটি আমার প্রথম উত্তর তবে, এখানে আমার সমাধান;

যদি আপনি একবার আপনার মাইএসকিউএল ডাটাবেস থেকে তারিখটি পুনরুদ্ধার করেন তবে এটিকে বিভক্ত করুন এবং তারপরে বিভক্ত মানগুলি ব্যবহার করুন।

$(document).ready(function () {
    var datefrommysql = $('.date-from-mysql').attr("date");
    var arraydate = datefrommysql.split('.');
    var yearfirstdigit = arraydate[2][2];
    var yearlastdigit = arraydate[2][3];
    var day = arraydate[0];
    var month = arraydate[1];
    $('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit);
});

এখানে একটি ঝাঁকুনি


0

ব্রাউজারে আমি যে পুরো কোড উদাহরণটি দেখিয়েছি তা এখানে, আশা করি আপনাকেও সহায়ক ধন্যবাদ।

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      <!-- Javascript -->
      <script>
         $(function() {
            $( "#datepicker" ).datepicker({
                minDate: -100,
                maxDate: "+0D",
                dateFormat: 'yy-dd-mm',
                onSelect: function(datetext){
                    $(this).val(datetext);
                },
            });
         });
      </script>
   </head>
   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type="text" id="datepicker"></p>
   </body>
</html>


-1

আপনি এই কোডিংটি ব্যবহার করতে পারেন

$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));

2
কোড-কেবল উত্তরগুলি নিরুৎসাহিত করা হয়েছে কারণ তারা কীভাবে সমস্যাটি সমাধান করে তা ব্যাখ্যা করে না। এই প্রশ্নটি ইতিমধ্যে অন্যান্য অনেক গৃহীত ও আপলোড হওয়া উত্তরে কীভাবে এটি উন্নত হয় তা বোঝাতে আপনার উত্তর আপডেট করুন। এছাড়াও, এই প্রশ্নটি 6 বছরের পুরানো, আপনার প্রচেষ্টাটি এমন ব্যবহারকারীদের দ্বারা আরও প্রশংসা করা হবে যাদের সাম্প্রতিক উত্তর না দেওয়া প্রশ্ন রয়েছে। দয়া করে পর্যালোচনা করুন আমি কীভাবে একটি ভাল উত্তর লিখি
ফ্লফিকিটেন

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