আমি কীভাবে আজকের তারিখের সাথে একটি jQuery ডেটপিকার পাঠ্যবাক্সকে প্রাক-পপুলেট করব?

Question

আমার একটি খুব সাধারণ jQuery ডেটপিকার পঞ্জিকা রয়েছে:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});

এবং অবশ্যই এইচটিএমএল ...

<input type="text" size="10" value="" id="date_pretty"/>

আজকের তারিখটি যখন ব্যবহারকারীরা ক্যালেন্ডারটি আনবে তখন তাদের জন্য সুন্দরভাবে হাইলাইট করা হয়েছে, তবে ব্যবহারকারী কীভাবে কিছু না করে পেজ লোডে আজকের তারিখের সাথে টেক্সটবক্সটিকে প্রাক-জনপ্রিয় করতে আমি কীভাবে jQuery পাব? 99% সময়, আজকের তারিখের ডিফল্ট তারা যা চায় তাই হবে।

Comments

সর্বাধিক জনপ্রিয় উত্তর হ'ল এটি গৃহীত উত্তর। গৃহীত উত্তর পরিবর্তন করা ভাল।

— আহমাদলি শাফিয়ে

আমার সংশ্লিষ্ট প্রশ্ন stackoverflow.com/questions/25602649/...

— Adrien হউন

@ আহমাদালিশাফি (এবং অন্য সবাই) বর্তমানে গৃহীত সমাধানটি 2015-05-07 এ গৃহীত হয়েছিল।

— তেপিম্ম

Answer 1

আপডেট: এমন প্রতিবেদন রয়েছে যা এটি ক্রোমে আর কাজ করে না।

এটি সংক্ষিপ্ত এবং কাজটি (অপ্রচলিত):

$(".date-pick").datepicker('setDate', new Date());

এই কম সংক্ষিপ্ত হয়, ব্যবহার chaining এটা Chrome এ কাজ (2019-06-04) এর অনুমতি দেয়:

$(".date-pick").datepicker().datepicker('setDate', new Date());

Comments

এই সমাধানটি মার্জিত

— লুকানো

এটি হ'ল প্রকৃতপক্ষে এটি আমার পক্ষে কাজ করেছে, গ্রহণযোগ্য সমাধান নয়। আপনাকে ধন্যবাদ

— মেহেদিওয়ে

এটি কাজ করবে না, প্রথমে আপনাকে call ("। তারিখ-বাছাই") কল করা উচিত date তারিখপিকার (); এবং তারপরে $ ("। তারিখ-বাছাই")। তারিখপিকার ('সেটডেট', নতুন তারিখ ());

— মিশা আকোপভ

সাম্প্রতিক ব্রাউজার আপডেটের পরে Chrome এ আর কাজ করে না

— ম্যাক্স ফ্লেক্স

কাজ করে। আমি সেটিং করছি $(".date-pick").datepicker().datepicker('setDate', new Date()); হউক না কেন

— seebiscuit

Answer 2

আপনার অবশ্যই আবশ্যিক কল ডেট পিকার ()> তারপরে বর্তমান তারিখটি পেতে 'সেটডেট' ব্যবহার করুন।

$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());

বা এই তারিখ চয়নকারী সূচনা করার পরে আপনার সেটডেট পদ্ধতি কলটি চেইন করুন, যেমন এই উত্তরের মন্তব্যে উল্লিখিত হয়েছে

$('.date-pick').datepicker({ /* optional option parameters... */ })
               .datepicker("setDate", new Date());

এটি ঠিক সঙ্গে কাজ করবে না

$(".date-pick").datepicker("setDate", new Date());

দ্রষ্টব্য : গ্রহণযোগ্য সেটডেট প্যারামিটারগুলি এখানে বর্ণিত হয়েছে

Comments

JQueryUI 1.8 ব্যবহার করে আমি এই সমাধানটি এটি সম্পাদন করার একমাত্র (বুদ্ধিমান) উপায় বলে মনে করেছি।

— ব্রায়ানজ

$ ("। নির্বাচক")। তারিখপিকার ()। তারিখপিকার ("সেটডেট", নতুন তারিখ ()); কাজ করবে এবং jQuery DOM অনুসন্ধান করতে দুবার করবে না।

— abc123

দুর্দান্ত, স্বীকৃত উত্তরটি কেবলমাত্র $ ("। তারিখ-বাছাই") বলেছে date এবং এটি প্রথম কল without ("। তারিখ-বাছাই") ছাড়া কাজ করে না date ডেটপিকার (); আপনার উত্তরটি আরও ভাল

— মিশা আকোপভ

Answer 3

var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
        myDate.getFullYear();
$("#date_pretty").val(prettyDate);

দেখে মনে হচ্ছে কাজ হয়েছে তবে এর থেকে আরও ভাল উপায় আর হতে পারে ..

Comments

এটি দুটি জিনিস ব্যতীত বেশ ভালভাবে কাজ করে: 1) আমি বর্তমান তারিখটি পাওয়ার জন্য jQuery পদ্ধতিটি ব্যবহার করার আশায় ছিলাম, তবে সম্ভবত এটি কোনও ব্যাপার নয়। 2) এই সমাধানটি আজকের তারিখের ঠিক এক মাস আগে একটি মান উত্পাদন করে!

— মার্কাস 14

ওহ আপনি ঠিক! এটি পরীক্ষা করে দেখুন - w3schools.com/jsref/jsref_obj_date.asp - মাস 0-11 - আপনাকে 1 যোগ করতে হবে .. কৌতূহলীভাবে, getDate 1-31 হয়, তবে getMonth 0-11 হয় ..

— lucas

একটি সহজ উপায় আছে .. নীচে আমার পোস্ট দেখুন।

— রবি রাম

এই সমাধানটি সরাসরি পাঠ্যটি দেখানো যাক এবং একই সাথে তারিখ নির্ধারণ করতে দেওয়া হয়, যখন সিস্কোআইপিফোনের সমাধানটিকে পিকারটি না খোলায় মানটি দেখানোর জন্য আরও একটি পদক্ষেপ প্রয়োজন।

— আফশার মহাহেবি

জন্য setDateআপনার কাছে পরের দিন পেতে উদাহরণস্বরূপ, datepicker স্বাভাবিক আপেক্ষিক স্বরলিপি ব্যবহার করতে পারেন মাত্র টাইপ .datepicker('setDate', '+1d')।

— কোসেই

Answer 4

setDate()পদ্ধতি তারিখ সেট করে এবং সংশ্লিষ্ট নিয়ন্ত্রণ আপডেট। এটি এখানে:

$("#datepicker1").datepicker({
    dateFormat: "yy-mm-dd"
}).datepicker("setDate", "0");

ডেমো

ডকুমেন্টেশনে উল্লিখিত হিসাবে, setDate()জাভাস্ক্রিপ্টের তারিখ অবজেক্ট, সংখ্যা বা একটি স্ট্রিং সুখে গ্রহণ করে:

নতুন তারিখটি তারিখের অবজেক্ট বা বর্তমান তারিখের ফর্ম্যাটের একটি স্ট্রিং (যেমন '01 / 26/2009 ') হতে পারে, আজ থেকে বেশ কয়েকটি দিন (যেমন +7) বা মান এবং সময়সীমার স্ট্রিং (' y 'এর জন্য বছর, মাসের জন্য 'মি', সপ্তাহের জন্য 'ডাব্লু', কয়েক দিনের জন্য 'ডি', যেমন '+ 1 মি + 7 ডি'), বা নির্বাচিত তারিখটি সাফ করার জন্য নাল।

আপনি যদি ভাবছেন, defaultDateকনস্ট্রাক্টরে সম্পত্তি সেট করা সম্পর্কিত নিয়ন্ত্রণ আপডেট করে না ।

Comments

এটি আপনার ডেমোতে কেন এটি কাজ করে। আমি যখন এই কোডটি আমার সাইটে অনুলিপি করি তখন পিজি লোড হওয়ার সাথে ডায়লগটি পপ আপ করতে থাকে।

— chobo2

এটি আমার পক্ষে কাজ করেছে - গ্রহণযোগ্য উত্তর এবং উপরের অন্যান্য বিকল্পগুলি তা করে নি।

— লিডিয়্যাট

এটি উপরের যে কোনওটির চেয়ে অনেক বেশি সমাধান solution

— adamj

বর্তমানে এই প্রশ্নের উত্তরের উত্তর যদিও আমার তারিখ বাছাইয়ের সাথে ম্যাচ করার জন্য তারিখের ফর্ম্যাটটি "মিমি-ডিডি-ওয়াই" হওয়া দরকার।

— 8১

Answer 5

আজ সেট করুন :

$('#date_pretty').datepicker('setDate', '+0');

গতকাল সেট করুন :

$('#date_pretty').datepicker('setDate', '-1');

এবং আজকের তারিখের আগে বা পরে যে কোনও সংখ্যক দিনের সাথে ।

দেখুন jQuery এর UI 'তে> পদ্ধতি> setDate ।

Comments

দুর্দান্ত, অন্যরা যেমন বলেছে, আপনি অবশ্যই ডেটপিকারকে () একবার ফোন করেছেন অবশ্যই,$(".date-pick").datepicker("setDate", '+0');

— jwbensley

এটি আমার ইচ্ছামতোও কাজ করেছিল, যেহেতু আমার ডেটফর্ম্যাটটির জন্য মাইএসকিউএলের তারিখের ফর্ম্যাটটি (yy-mm-dd) মেলাতে হবে। এই সেটডেটটি মাস এবং দিনটিতে শূন্য প্যাডিং যুক্ত করে।

— jjohn

Answer 6

সমাধানটি হ'ল:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
    var myDate = new Date();
    var month = myDate.getMonth() + 1;
    var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
    $("#date_pretty").val(prettyDate);
});

ধন্যবাদ গ্রেঘস্ট!

Answer 7

এই কোডটি আপনার তারিখ-পিকারের ফর্ম্যাটটি ব্যবহার করার নিশ্চয়তা দেবে:

$('#date-selector').datepicker('setDate', new Date());

ফর্ম্যাটটি পুনরায় প্রয়োগ করার দরকার নেই, এটি ডেটপিকারের সূচনাতে আপনার দ্বারা ডেটপিকারটি পূর্বনির্ধারিত ব্যবহার করে (যদি আপনি এটি নির্ধারণ করে থাকেন!);)

Answer 8

এই আমার জন্য কাজ করে।

$('#inputName')
  .datepicker()
  .datepicker('setDate', new Date());

Answer 9

ডেভিড কে এগহেডের কোডটি পুরোপুরি কার্যকর হয়েছে, আপনাকে ধন্যবাদ!

$(".date-pick").datepicker(); 
$(".date-pick").datepicker("setDate", new Date()); 

আমি এটিকে কিছুটা ছাঁটাইও করতে পেরেছি এবং এটিও কাজ করেছে:

$(".date-pick").datepicker().datepicker("setDate", new Date()); 

Answer 10

$('input[name*="date"]').datepicker({
        dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,
        beforeShow: function(input, instance) { 
            $(input).datepicker('setDate', new Date());
        }
    });

Answer 11

লোডিংয়ের সময় একটি নির্দিষ্ট ডিফল্ট সময়ে (আমার ক্ষেত্রে বর্তমান তারিখ) তারিখ চয়নকারীকে সেট করার জন্য এবং তারপরে সিনট্যাক্সের জন্য অন্য কোনও তারিখ বেছে নেওয়ার বিকল্প রয়েছে:

    $(function() { 
        // initialize the datapicker
        $("#date").datepicker();

        // set the time
        var currentDate = new Date();
        $("#date").datepicker("setDate",currentDate);

    //  set the options for the button  
        $("#date").datepicker("option",{
            dateFormat: 'dd/mm',
            showOn: "button",
          // whatever option Or event you want 
        });
  });

Comments

এই সমাধানটি ক্রোমে আমার জন্য কাজ করেছিল, অন্যদের তালিকাভুক্ত অন্যরা তা করেনি

— মাইক ভলমার

Answer 12

প্রাক-জনসংখ্যার তারিখের জন্য, আপনাকে প্রথমে ডেটপিকারটি শুরু করতে হবে, তারপরে সেটডেট প্যারামিটার মানটি পাস করতে হবে।

$("#date_pretty").datepicker().datepicker("setDate", new Date());

Answer 13

ভেবেছিলাম আমি আমার দুটি সেন্ট যুক্ত করব। চয়নকারীটি একটি অ্যাড / আপডেট ফর্মটিতে ব্যবহৃত হচ্ছে, সুতরাং এটি বিদ্যমান রেকর্ড সম্পাদনা করে ডাটাবেস থেকে আগত তারিখটি দেখানো বা আজকের তারিখটি না দেখানো দরকার। নীচে আমার জন্য ভাল কাজ করছে:

    $( "#datepicker" ).datepicker();
    <?php if (!empty($oneEVENT['start_ts'])): ?>
       $( "#datepicker" ).datepicker( "setDate", "<?php echo $startDATE; ?>" );
    <? else: ?>
       $("#datepicker").datepicker('setDate', new Date());   
    <?php endif; ?>
  });

Answer 14

আপনার কাছে দুটি বিকল্প রয়েছে:

বিকল্প ক) আপনার ক্যালেন্ডারে "সক্রিয়" হিসাবে চিহ্নিত করুন, কেবলমাত্র আপনি যখন ইনপুটটিতে ক্লিক করেন।

জেএস :

$('input.datepicker').datepicker(
                        {   
                            changeMonth: false,
                            changeYear: false,
                            beforeShow: function(input, instance) { 
                                $(input).datepicker('setDate', new Date());
                            }
                        }                         
                     );

সিএসএস :

div.ui-datepicker table.ui-datepicker-calendar .ui-state-active,
        div.ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-active  {
            background: #1ABC9C;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            width: 24px; height: 24px;
        }​

বিকল্প বি) আজকের সাথে ডিফল্টভাবে ইনপুট। আপনাকে প্রথমে ডেটপিকারটি তৈরি করতে হবে।

"(" ইনপুট.ডেটপিকার ")। তারিখপিকার ()। তারিখপিকার (" সেটডেট ", নতুন তারিখ ());

Comments

এ বিকল্পটি ভাল কারণ তারিখ পিকারটি ফাঁকা থাকতে পারে যতক্ষণ না কোনও তারিখ নির্বাচন না করা হয় যে সময়ে এটি বর্তমান তারিখের সাথে

— পূর্বনির্ধারিত হয়

Answer 15

var prettyDate = $.datepicker.formatDate('dd-M-yy', new Date());
alert(prettyDate);

প্রয়োজনীয় নিয়ন্ত্রণে চমত্কার তারিখটি বরাদ্দ করুন।

Answer 16

এটা চেষ্টা কর

$(this).datepicker("destroy").datepicker({
            changeMonth: false, changeYear: false,defaultDate:new Date(), dateFormat: "dd-mm-yy",  showOn: "focus", yearRange: "-5:+10"
        }).focus();

Answer 17

এটি আমার জন্য আরও ভাল কাজ করে যেমন মাঝে মাঝে কল করতে সমস্যা হয় কারণ আমার .datepicker('setDate', new Date());যদি ডেটপিকারটি পরামিতিগুলির সাথে ইতিমধ্যে কনফিগার করা থাকে।

$("#myDateText").val(moment(new Date()).format('DD/MM/YYYY'));

Answer 18

এটা ব্যবহার কর:

$(".datepicker").datepicker({ dateFormat: 'dd-M-yy' }).datepicker('setDate', new Date());

ফর্ম্যাট যেমন তারিখটি পেতে: 10-অক্টোবর -2018 যা ব্যবহারকারীদের জন্য আরও বোধগম্য হবে।

Answer 19

$(function()
{
$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
});

সূত্র: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html

Comments

আমার ব্রাউজারটি স্ট্রিং () ফাংশনটি সনাক্ত করতে পারে নি। আমি এটি এর মতো করেছিলাম: $ ("। তারিখ-বাছাই")। তারিখপিকার ('সেটডেট', নতুন তারিখ ())

— সিসকোআইফোন

আমি মনে করি asString () toString () হওয়া উচিত।

— rg88

কেভিন লাকের ডেটপিকার এবং জ্যাকারি ইউআই ডেটপিকার দুটি খুব আলাদা আলাদা ডেটপিকার।

— ক্রেগ হুগিয়েম

@gamerzfuse jQuery UI এর ডেটপিকারটি কেভিন লাকের ভিত্তিতে তৈরি।

— ম্যাথিয়াস বাইনেস