बूटस्ट्रैप दिनांक समय पिकर में समय अक्षम करें

Question

मैं अपने वेब एप्लिकेशन में बूटस्ट्रैप डेट टाइम पिकर का उपयोग कर रहा हूं, जिसे PHP / HTML5 और जावास्क्रिप्ट में बनाया गया है। मैं वर्तमान में यहाँ से एक का उपयोग कर रहा हूँ: http://tarruda.github.io/bootstrap-datetimepicker/

जब मैं समय के बिना नियंत्रण का उपयोग कर रहा हूं, तो यह काम नहीं करता है। यह सिर्फ एक खाली टेक्स्ट बॉक्स दिखाता है।

मैं सिर्फ डेट टाइम पिकर से समय निकालना चाहता हूं। क्या इसका कोई समाधान है?

<div class="well">
    <div id="datetimepicker4" class="input-append"> 
        <input data-format="yyyy-MM-dd" type="text"></input> 
        <span class="add-on"> 
            <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> 
        </span> 
    </div> 
</div> 
<script type="text/javascript"> 
    $(function() { 
        $('#datetimepicker4').datetimepicker({ pickTime: false }); 
    }); 
</script>

Comments

कृपया वह कोड दिखाएं जो आप उपयोग कर रहे हैं, हम सभी भौतिक नहीं हैं

— स्टीव

संपादित करें का उपयोग करके प्रश्न में कोड जोड़ें ...

— प्रवीण कुमार पुरुषोत्तम

@ हम सभी मानसिक नहीं हैं, केवल हम में से कुछ लोग एक्सडी हैं

— टिमो हुओवेनन

मेरे लिए यह minView:'month'काम किया है, मैं नहीं चाहता था कि समय का चयन दिखाना है। मुझे उनके जीथूब भंडार से मदद मिली। github.com/smalot/bootstrap-datetimepicker/issues/…

— सिज़लिंग कोड

Answer 1

नीचे दिए गए स्निपेट को देखें

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker4'>
                <input type='text' class="form-control" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {              
           // Bootstrap DateTimePicker v4
           $('#datetimepicker4').datetimepicker({
                 format: 'DD/MM/YYYY'
           });
        });      
    </script>
</div>

आप विस्तार से प्रलेखन और अन्य कार्यों के लिए http://eonasdan.github.io/bootstrap-datetimepicker/ का उल्लेख कर सकते हैं । यह काम करना चाहिए।

I18n को सपोर्ट करने के लिए अपडेट करें

क्षण के स्थानीय स्वरूपों का उपयोग करें। js:

• L केवल तारीख के लिए
• LT केवल समय के लिए
• L LT दिनांक और समय के लिए

अन्य स्थानीय प्रारूप इस क्षण में देखें। js प्रलेखन ( https://momentjs.com/docs/#/displaying/forms/ )

Comments

आपके द्वारा उद्धृत पिकडैट विकल्प आपके द्वारा लिंक किए गए दस्तावेज़ में प्रलेखित नहीं है।

— जेरेमी बर्टन

प्रश्न के संबंध में उत्तर गलत है। सवाल था कि समय को कैसे निष्क्रिय किया जाए, तारीख को नहीं। इसके अलावा, वह कोड शायद अभी भी काम नहीं करेगा, क्योंकि यह अभिभावक divको <input>डेटपिकर संलग्न करता है (शायद पुस्तकालय इसे संभालता है और -sub-elements की खोज करता है)

— पीटर Ilfrich

Eonasdan के बूटस्ट्रैप डेटाटाइमपिकर के वर्तमान संस्करण में pickDate और pickTime को हटा दिया गया है। इसके बजाय प्रारूप का उपयोग करें।

— gl03

यह गलत है, सेटिंग प्रारूप अंतर्राष्ट्रीयकरण को तोड़ता है

— किकिन-समा

Answer 2

मैंने यहां पोस्ट किए गए सभी समाधानों की कोशिश की, लेकिन उनमें से किसी ने भी मेरे लिए काम नहीं किया। मैंने अपने jQuery में कोड की इस लाइन का उपयोग करके समय को अक्षम करने में कामयाब रहा:

$('#datetimepicker4').datetimepicker({
    format: 'YYYY-MM-DD'
});

इसने प्रारूप को केवल तिथि पर सेट किया और समय को पूरी तरह से अक्षम कर दिया। उम्मीद है की यह मदद करेगा।

Comments

इस पृष्ठ पर सभी समाधानों में से, यह एकमात्र ऐसा काम है जो मेरे लिए काम करता है। बूटस्ट्रैप-डेटाइमपिकर के v4.7.14 का उपयोग करना आवश्यक है।

— जोश बुकेआ

बस किसी भी भ्रम से बचने के लिए क्योंकि कुछ समान रूप से नामित डेटाइम पिकर लगता है, मैं बताता

— पॉल

धन्यवाद, यह मेरे लिए काम किया, हालांकि, मेरा रूप अभी भी समय-पिकर पर स्विच करने के लिए आइकन दिखाता है, और यह आपको स्विच करने की अनुमति देता है, फिर 00:00 दिखाता है। यह नहीं बदलता है कि फ़ॉर्म के साथ क्या सबमिट किया गया है, लेकिन क्या घड़ी आइकन को हटाने का कोई तरीका है ताकि उपयोगकर्ता फॉर्म के समय पिकर भाग तक नहीं पहुंच सके? एक बार फिर धन्यवाद!

— जैकमैन 09

आप समयरेखा चिह्न के किसी भिन्न संस्करण का उपयोग कर रहे होंगे क्योंकि समय आइकन खदान पर गायब हो गया था।

— सेल्ट

Answer 3

यह है: Eonasdan के बूटस्ट्रैप डेटाटाइमपिकर के लिए

सबसे पहले मैं इसके लिए एक idविशेषता प्रदान करूँगा <input>और फिर उसके लिए सीधे डेटाटाइमपाइकर को प्रारंभ करूँगा <input>(और मूल कंटेनर के लिए नहीं):

<div class="container">
  <input data-format="yyyy-MM-dd" type="text" id="datetimepicker"/>
</div>
<script type="text/javascript">
  $(function() {
    // Bootstrap DateTimePicker v3
    $('#datetimepicker').datetimepicker({
      pickTime: false
    });
    // Bootstrap DateTimePicker v4
    $('#datetimepicker').datetimepicker({
      format: 'DD/MM/YYYY'
    });
  });
</script>

V3 के लिए: Ck मौर्य के उत्तर के विपरीत :

• pickDate: false दिनांक को अक्षम कर देगा और केवल एक समय लेने की अनुमति देगा
• pickTime: false समय को अक्षम कर देगा और केवल एक तारीख चुनने की अनुमति देगा (जो आप चाहते हैं)।

V4 के लिए: बूटस्ट्रैप डेटाइमपिकर अब यह निर्धारित करने के लिए प्रारूप का उपयोग करता है कि क्या समय-घटक मौजूद है। यदि कोई समय घटक मौजूद नहीं है, तो यह आपको एक समय चुनने नहीं देगा (और घड़ी आइकन को छिपाएगा)।

Comments

यह मतदान क्यों किया गया? यह एकमात्र उत्तर है जो सही ढंग से बताता है कि नवीनतम संस्करण में प्लगइन का विकल्प बदल गया है। अगर यह शीर्ष उत्तर होता तो मुझे कुछ मिनटों की उलझन से बचा लेता।

— gl03

यह कार्य करने के लिए CAPITALS की तारीख होनी चाहिए, विचित्र रूप से

— साइडलोनड्स

हाँ, यह उसी तरह है कि कैसे दिनांक प्रारूप को जावास्क्रिप्ट में निर्दिष्ट किया जाता है (जावा में परिभाषित तिथि / समय प्रारूप के तरीके के विपरीत)। मुझे कुछ समय के लिए समझ लिया कि बाहर भी।

— बजे पीटर Ilfrich

धन्यवाद, यह मेरे लिए काम किया, हालांकि, मेरा रूप अभी भी समय-पिकर पर स्विच करने के लिए आइकन दिखाता है, और यह आपको स्विच करने की अनुमति देता है, फिर 00:00 दिखाता है। यह नहीं बदलता है कि फ़ॉर्म के साथ क्या सबमिट किया गया है, लेकिन क्या घड़ी आइकन को हटाने का कोई तरीका है ताकि उपयोगकर्ता फॉर्म के समय पिकर भाग तक नहीं पहुंच सके? एक बार फिर धन्यवाद!

— जैकमैन ०

jackerman09, कृपया आपके द्वारा उपयोग किए जाने वाले डेटाइमपिकर के संस्करण से अवगत रहें। वर्णित व्यवहार Eonasdan के datetimepicker v3, v4 पर लागू होता है। यदि आप नवीनतम (जो आपको चाहिए) का उपयोग कर रहे हैं, तो प्रारूप में समय घटक नहीं होने से घड़ी का आइकन स्वचालित रूप से हटा दिया जाएगा। और कृपया एक ही टिप्पणी को कई उत्तरों पर पोस्ट न करें ... यह प्रेरणा की कमी का सुझाव देता है ...

— पीटर इलफ्रीक

Answer 4

मैंने कुछ समय बिताया है ताकि अपडेट के कारण इसका पता लगा सकूं DateTimePicker। आप एक प्रारूप में दर्ज करेंगे जो क्षण-दर-मिनट के दस्तावेज़ पर आधारित होगा । आप अन्य जवाबों का उपयोग कर सकते हैं:

$('#datetimepicker').datetimepicker({ format: 'DD/MM/YYYY' });

या आप कुछ स्थानीय स्वरूपों का उपयोग कर सकते हैं। क्षणों में केवल एक तारीख करने का प्रावधान है, जैसे:

$('#datetimepicker').datetimepicker({locale: 'fr', format: 'L' });

इसका उपयोग करते हुए, आप लोकेल के आधार पर केवल एक समय ( LT) या दिनांक ( L) प्रदर्शित कर सकते हैं । डेटाइमपिकर के लिए प्रलेखन मेरे लिए स्पष्ट नहीं था कि यह स्वचालित रूप से moment.jsप्रारूप के माध्यम से प्रदान की गई तारीख (या केवल समय) के लिए अनुकूल है । आशा है कि यह अभी भी देख रहे लोगों के लिए मदद करता है।

Comments

यह सबसे अच्छा उत्तर है, क्योंकि इसमें "हार्डकोडिंग" प्रारूप के बजाय स्थानीय-निर्भर प्रारूप शामिल है।

— नाहन

Answer 5

$('#datetimepicker').datetimepicker({ 
    minView: 2, 
    pickTime: false, 
    language: 'pt-BR' 
});

कृपया कोशिश करें कि क्या यह आपके लिए भी काम करता है

Comments

एक आकर्षण की तरह काम करता है :) बहुत बहुत धन्यवाद। क्या मैं पूछ सकता हूँ कि minView सेटिंग क्या है? इस सेटिंग के साथ, समय दिखाया गया है।

— FrenkyB

मुझे नहीं पता, लेकिन मुझे भी यह समस्या है और इस कोड के लिए इसका समाधान है।

— ImBhavin95

: अपनी बात सही है कि यहाँ से अधिक था, github.com/smalot/bootstrap-datetimepicker/issues/416 ।

— FrenkyB

उत्तम! लोकेल नहीं तोड़ने के लिए, का उपयोग करें:$('#datetimepicker').datetimepicker({ minView: 2, pickTime: false, language: 'pt-BR' });

— एलाइन माटोस

Answer 6

अपनी डेटाइमपिकर को इस तरह शुरू करें

अक्षम समय के लिए

$(document).ready(function(){
    $('#dp3').datetimepicker({
      pickTime: false
    });
});

अक्षम करने की तारीख के लिए

$(document).ready(function(){
    $('#dp3').datetimepicker({
      pickDate: false
    });
});

दिनांक और समय दोनों को अक्षम करने के लिए

$(document).ready(function(){
   $("#dp3").datetimepicker('disable'); 
});

यदि आपको कोई संदेह हो तो कृपया निम्नलिखित दस्तावेज़ देखें

http://eonasdan.github.io/bootstrap-datetimepicker/#options

Answer 7

<div class="container">
  <input type="text" id="datetimepicker"/>
</div>

<script type="text/javascript">
  $(function() {
    // trigger datepicker
    $('#datetimepicker').datetimepicker({
       pickTime: false,
        minView: 2,
        format: 'dd/mm/yyyy',
        autoclose: true,
    });
  });
</script>

Answer 8

यह केवल दिनांक दिखाता है:

$('#myDateTimePicker').datetimepicker({
        format: 'dd.mm.yyyy',
        minView: 2,
        maxView: 4,
        autoclose: true
      });

विषय पर अधिक यहाँ

Answer 9

    $(function () {
        $('#datetimepicker9').datetimepicker({
            viewMode: 'years',
            format: 'DD/MM/YYYY' /*Add this line to remove time format*/
        });
    });

Answer 10

चयनकर्ता मानदंड अब DIV टैग का एक गुण है।

उदाहरण हैं ...

data-date-format="dd MM yyyy" 
data-date-format="dd MM yyyy - HH:ii p
data-date-format="hh:ii"

तो dd mm yyyy के लिए बूटस्ट्रैप उदाहरण है: -

<div class="input-group date form_date col-md-5" data-date="" 
    data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
..... etc ....
</div>

मेरी जावास्क्रिप्ट सेटिंग्स इस प्रकार हैं: -

            var picker_settings = {
                language:  'en',
                weekStart: 1,
                todayBtn:  1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                minView: 2,
                forceParse: 0
            };

        $(datePickerId).datetimepicker(picker_settings);

यदि आप बूटस्ट्रैप-डेटाइमपिकर-मास्टर फ़ाइल डाउनलोड करते हैं, तो आप इसके उदाहरण देख सकते हैं। एक index.html के साथ प्रत्येक नमूना फ़ोल्डर हैं।

Answer 11

बूटस्ट्रैप 4 संस्करण के लिए यह कोड काम कर रहा है;

$('#payment-date-time-select').datetimepicker({
    startView:2,
    minView:2,
});

Answer 12

डेटाइम पिकर को बढ़ाने में अक्षम समय ...

   $(document).ready(function () {
        $('.timepicker').datetimepicker({
            format: "dd-mm-yy",
        });
    });

बूस्ट डेटाइम पिकर में अक्षम दिनांक ...

   $(document).ready(function () {
        $('.timepicker').datetimepicker({
            format: "HH:mm A",
        });
    });

Answer 13

your same code work's fine, just add some link reference

<!DOCTYPE HTML>
<html>
    <head>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" media="screen"
              href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">


    </head>
    <body>
        <div class="well">
            <div id="datetimepicker4" class="input-append"> 
                <input data-format="yyyy-MM-dd" type="text"></input> 
                <span class="add-on"> 
                    <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> 
                </span> 
            </div> 
        </div> 

        <script type="text/javascript"
                src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
        </script> 
        <script type="text/javascript"
                src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
        </script>
        <script type="text/javascript"
                src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
        </script>
        <script type="text/javascript"
                src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
        </script>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker4').datetimepicker({pickTime: false});
            });
        </script>

    </body>
    </html>

Answer 14

<script type="text/javascript">
        $(function () {
                  $('#datepicker').datetimepicker({
                     format: 'YYYY/MM/DD'
               });
            });
</script>

Answer 15

यह इनपुट क्षेत्र में समय दिखाने की अनुमति देता है, लेकिन समय पिकर बटन को छुपाता है, जो समझौते में दूसरा ली तत्व है

.bootstrap-datetimepicker-widget .list-unstyled li:nth-child(2){
    display: none;
}

Answer 16

मुझे पता है कि यह देर हो चुकी है, लेकिन इसका उत्तर केवल शब्द से "समय" को हटाना है, datetimepickerइसे बदलना है datepicker। आप इसे प्रारूपित कर सकते हैं dateFormat।

      jQuery( "#datetimepicker4" ).datepicker({
        dateFormat: "MM dd, yy",
      });

Comments

मुझे यकीन नहीं है कि आपने मेरी टिप्पणी, दिमित्री को क्यों लिखा, क्योंकि यह वास्तव में पोस्टर के सवाल का जवाब देता है। यह तथ्य कि विभिन्न तारीखें हैं, प्रश्न के लिए प्रासंगिक नहीं है और केवल एक उदाहरण के रूप में यहां दिखाया गया है।

— डॉन ग्रीन

Answer 17

यहाँ आप के लिए समाधान है। इस तरह कोड जोड़ना बहुत आसान है:

    $('#datetimepicker4').datetimepicker({ 

    pickTime: false 

    minview:2;(Please see here.)

    }); 

Answer 18

 $("#datetimepicker4").datepicker({
    dateFormat: 'mm/dd/yy',
    changeMonth: true,
    changeYear: true,
    showOtherMonths: true,
    selectOtherMonths: true,
    pickTime: false,
    format: 'YYYY-MM-DD'
});

Answer 19

नहीं के रूप में बंद समय और भाषा एक समय में मैं यह डाल दिया और काम नहीं किया

$(function () {
    $('#datetimepicker2').datetimepicker({
              locale: 'es',
              pickTime: false
          });
});

Comments

आपके उत्तर से विचार प्राप्त करना मुश्किल होगा।

— Anptk