jQuery डेटपिकर - थीम स्टाइल क्यों नहीं दिख रहा है?

Question

मैं बहुत की तरह एक datepicker बनाने के लिए jQuery का उपयोग किया है:

<input type="text" id="my_datepicker"> 

और

$('#my_datepicker').datepicker(); 

datepicker ठीक काम कर रहा है और मैं पहले कई बार इस्तेमाल किया है। मुद्दा यह है कि इनपुट तत्व अभी भी एक सामान्य टेक्स्ट फ़ील्ड जैसा दिखता है, जबकि जब मैंने इसे अतीत में उपयोग किया है, तो उसने फ़ील्ड को शैली बनाने के लिए jQuery UI कक्षाओं का उपयोग किया है ताकि यह चमकदार दिख सके और थीम को ध्यान में रखे।

मैं फ़ायरबग का इस्तेमाल किया है देखने के लिए जो clesses इनपुट तत्व को लागू किया गया है, और यह केवल है:

hasDatepicker 

एक जबकि कि सही ढंग से स्टाइल के सभी है एक और साइट पर एक datepicker के इनपुट क्षेत्र निम्नलिखित वर्गों:

hasDatepicker 
ui-inputfield 
ui-widget 
ui-state-default 
ui-corner-all 

मैं datepicker डॉक्स देखा है, लेकिन मैं आपको में या इस स्टाइल से बाहर निकलना और मैं सोचा होगा कि इस वैसे भी डिफ़ॉल्ट रूप से होने देता है कि एक विकल्प नहीं देख सकते हैं।

क्या कोई मुझे दिखा सकता है कि इसे सक्षम करने के लिए मुझे क्या करना है?

बहुत धन्यवाद।

अद्यतन:

<input id="dob" type="text" maxlength="45" size="45" /> 

इस लाइव साइट से इनपुट मार्कअप के रूप में अनुरोध किया है।

Answer 1

क्या आप थीम स्टाइलशीट में लिंक कर रहे हैं?

उदाहरण:

<link rel="stylesheet" type="text/css" media="all" 
     href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" /> 

Answer 2

मुझे लगता है कि साइट है कि आप का कहना है jQuery ui को पुस्तकालय से अलग इनपुट क्षेत्र के लिए सीएसएस शैलियों आवेदन कर रहा है, मेरा मतलब है, एक स्टाइलशीट कि नहीं में jquery-ui से संबंधित है।

इस jsfiddle http://jsfiddle.net/diosney/PkEar/3/ में आप देख सकते हैं कि ये कक्षाएं jquery-ui datepicker() स्वयं द्वारा लागू नहीं हैं (मैं jquery 1.6.2 और jquery-ui 1.8.14 का उपयोग कर रहा हूं)।

Answer 3

मुझे पता चला कि यह मुद्दा सीएसएस फ़ाइलों को कैसे बंडल कर रहा था, इस मुद्दे से आ रहा था। मैंने अपने इंडेक्स पेज में लिंक जोड़े और थीम काम करने में सक्षम थे।

<link href="~/Content/jquery-ui.css" rel="stylesheet" /> 
<link href="~/Content/jquery-ui.structure.css" rel="stylesheet" /> 

Answer 4

के व्यवस्थापक के लिए bellow साथ की कोशिश करते हैं: -

function eds_admin_styles() { 
     wp_enqueue_style('jquery-ui-datepicker-style' , '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css'); 
    } 
    add_action('admin_print_styles', 'eds_admin_styles'); 
    function eds_admin_scripts() { 
     wp_enqueue_script('jquery-ui-datepicker'); 
    } 
    add_action('admin_enqueue_scripts', 'eds_admin_scripts'); 

विषय के लिए:

function edsbootstrap_scripts() { 
     wp_enqueue_style('jquery-ui-datepicker-style' , '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css'); 
     wp_enqueue_script('jquery-ui-datepicker'); 
    } 
    add_action('wp_enqueue_scripts', 'edsbootstrap_scripts'); 

यहाँ

है js

(function($) { 
     $('#jquery-datepicker').datepicker(); 
    }(jQuery));