डेटपिकर से लोकेल प्रारूप कैसे सेट करें?

उपयोगकर्ता के लोकेल के अनुसार मैं jQuery UI के डेटपिकर में दिनांक प्रारूप कैसे सेट कर सकता हूं?डेटपिकर से लोकेल प्रारूप कैसे सेट करें?

मैं स्रोत एचटीएमएल मिलती है:

<script type="text/javascript"> 
    $(function() { 
     $(".datefield2").datepicker($.datepicker.regional['de']); 
    }); 
</script> 
<form action="/Home/TestDate" method="post"> <input class="datefield2 hasDatepicker valid" name="date" value="21.12.2012" type="text" id="date"> 
    <input type="submit" value="send"> 
</form>

datepicker मैं 12/21/2012 पाने में एक का चयन एक तारीख, हालांकि मैं 21.12.2012 की जरूरत है।

स्रोत

2012-12-21 Mediator

http://api.jqueryui.com/datepicker/#option-dateFormat –

आप इस तरह दिनांक स्वरूप सेट कर सकते हैं:

$(".datefield2").datepicker({ "dateFormat": "dd.mm.yy"});

स्रोत

2012-12-21 16:27:09

क्यों स्वीकार किए जाते हैं जवाब है? सवाल ** उपयोगकर्ता के लोकेल ** को प्रारूप सेट करने के बारे में है, ** ** dd.mm.yy ** तक नहीं। जब ओपी कहता है ** 21.12.2012 **, यह जर्मनी के प्रारूप का सिर्फ एक उदाहरण है। क्या मैंने कुछ गलत समझा? – Alisson

ऐसा कोई भी कारण है जिसके द्वारा हम इसे उपयोगकर्ता लोकेल सेटिंग्स में सेट कर सकते हैं। क्योंकि मेरी वेबसाइट पूरी दुनिया में चलती है, हर कोई अपने प्रारूप में तारीख चाहता है। –

dateFormat option का प्रयोग करें एक कस्टम प्रारूप

$(function() { 
    $(".datefield2").datepicker($.datepicker.regional['de']); 
    $(".datefield2").datepicker('option','dateFormat','dd.mm.yy'); 
});

असली मुद्दा को बदलने के लिए आप की जरूरत है कि मैन्युअल रूप से शामिल करने के लिए है स्थानीयकरण फाइलें।

वे http://jquery-ui.googlecode.com/svn/tags/latest/ui/i18n/
में पाया जा सकता किसी एक जर्मन विशिष्ट http://jquery-ui.googlecode.com/svn/tags/latest/ui/i18n/jquery.ui.datepicker-de.js

डेमो (पूर्ण स्थानीयकरण के साथ) है http://jsfiddle.net/gaby/dv3BF/

स्रोत

2012-12-21 16:28:32

लिंक और डेमो टूटा हुआ है –

वेब पर JQuery प्रलेखन पर देखा जा सकता छिपाने खेलने के लिए लगता है & डेटपिकर के लिए i18n फ़ाइलों को देखने के लिए खोजें उदाहरण के लिए

Where are the i18n files of jQuery UI datepicker >= 1.11.0

इस पोस्टिंग लिंक के रूप में:

https://raw.githubusercontent.com/jquery/jquery-ui/master/ui/i18n/datepicker-de.js

मान्य हो रहा है। अगर मैंने इसे शामिल किया तो यह स्वयं ही काम नहीं करता था। मैंने को http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js का उपयोग करके समाप्त किया जो कि 1.12 jquery जैसा मैं उपयोग कर रहा हूं, वही संस्करण नहीं है लेकिन ऐसा लगता है।

कृपया ध्यान दें कि मैं आईएसओ दिनांक प्रारूप 2017-03-18 का उपयोग जर्मन लोकेल शैली के बजाय वाई-एमएम-डीडी के रूप में कर रहा हूं।

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery UI Datepicker - Default functionality</title> 
<link rel="stylesheet" 
    href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script> 
<script> 
    $(function() { 
     // https://stackoverflow.com/questions/494958/how-do-i-localize-the-jquery-ui-datepicker 
     // https://stackoverflow.com/questions/13993619/how-to-set-locale-format-from-datepicker 
     $(".datepicker").datepicker($.datepicker.regional['de']); 
     $(".datepicker").datepicker('option','dateFormat','yy-mm-dd') 
    }); 
</script> 
</head>

स्रोत

2017-03-18 12:20:30

के बाद से वहाँ एक आसानी से उपलब्ध स्थान की जानकारी होना प्रतीत नहीं होता है, मैं थोड़ा अलग दृष्टिकोण का उपयोग करने का फैसला किया: मैं केवल तारीख चुनने और इसे से इस तरह के रूप तारीख पुन: प्राप्त करने के लिए datepicker उपयोग करें, लेकिन प्रदर्शन के लिए मैं एक साधारण div और Date.toLocaleDateString() का उपयोग करता हूं। इस तरह मुझे प्रारूप को फिर से प्राप्त करने या फिर भी बदतर करने की आवश्यकता नहीं है - उन्हें स्वयं सब कुछ प्रदान करना।

JSFiddle

HTML:

<div style="position:relative"> 
    <div id="date-text"> 

    </div> 
    <div style="position: absolute; left: 0; top: 0"> 
    <input type="text" size="10" id="dt" style="opacity:0"/> 
    </div> 
</div>

जे एस:

var today = new Date(); 
today.setHours(0,0,0,0); 
$("#dt").datepicker({defaultDate: today}).on('change', function() { 
    $("#date-text").html($("#dt").datepicker("getDate").toLocaleDateString()); 
}); 
$("#date-text").html(today.toLocaleDateString());

स्रोत

2017-09-20 08:59:20 velis

डेटपिकर से लोकेल प्रारूप कैसे सेट करें?

उत्तर

संबंधित मुद्दे