डेटपिकर

Question

पर कैलेंडर jquery छवि जोड़ें मुझे यकीन नहीं है कि ui-icon ui-icon-calendar कक्षा को टेक्स्ट फ़ील्ड के बगल में डेटपिकर छवि के रूप में कैसे जोड़ना है। मुझे ऐसा कुछ चाहिए: http://jqueryui.com/demos/datepicker/#icon-trigger, लेकिन इसमें jquery कैलेंडर छवि होनी चाहिए। इस से

$('#field').datepicker({   
    buttonImage: '/images/calendar_icon.png' 
}); 

Answer 1

<script> 
     $(function() { 
      $("#datepicker").datepicker({ 
       showOn: "button", 
       buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
       buttonImageOnly: true 
      }); 
     }); 
</script> 

Answer 2

आप उदाहरण आप से जुड़ा हुआ नीचे स्रोत देखें बटन पर क्लिक करें, तो आप इस तरह दिखाई देगा पढ़ा जाता है। इसे पढ़ा जाना चाहिए उपयोगकर्ता द्वारा दिया जाना चाहिए डेटपिकर से चुना जाना चाहिए।

एचटीएमएल:

$("#datepickerID").datepicker({   
    showOn: "button", 
    buttonImage: "images/calendar.png", 
    buttonImageOnly: true, 
    buttonText: "Select date", 
    minDate : 0, 
    showButtonPanel: true, 
    closeText: 'Clear', 
    onClose: function() { 
     var event = arguments.callee.caller.caller.arguments[0]; 
     // If "Clear" gets clicked, then really clear it 
     if ($(event.delegateTarget).hasClass('ui-datepicker-close')) { 
      $(this).val(''); 
     } 
    } 
}); 

Answer 3

हम क्षेत्र क्षेत्र यद्यपि से दी गई तारीख को स्पष्ट कर सकते हैं: