asp.net गतिशील रूप से अक्षम jQuery Datepicker चिह्न




jquery-ui (5)

अच्छी तरह से अगर आपके jquery UI datepicker का उपयोग क्यों नहीं अक्षम कमांड में निर्मित का उपयोग करें? तो वापस पोस्ट करने पर आप इसे अक्षम कर सकते हैं।

बेशक पाठ बॉक्स को भी अक्षम कर दिया जाएगा लेकिन मैं यह सोच रहा हूं कि आप क्या चाहते हैं।

// jquery ui का एक आइकन में बनाया गया है जो स्वतः http://jqueryui.com/demos/datepicker/#icon-trigger दिखाता है

// jquery ui अक्षम कैसे करें http://jqueryui.com/demos/datepicker/#method-disable

यहां पोस्ट वापस आने के बाद बॉक्स को कैसे अक्षम किया जाए। मुझे यह स्पष्ट नहीं है कि क्या आप पाठ बॉक्स में कुछ दर्ज करने या यद्यपि दर्ज करने के बाद ऐसा करना चाहते हैं।

default.aspx

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="ui.all.css" rel="stylesheet" type="text/css" />
        <link href="ui.core.css" rel="stylesheet" type="text/css" />
    <link href="ui.datepicker.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>


    <script type="text/javascript">
        $(function()
        {

            $("#txtMyTextBox").datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true });
            var disabled = $('#txtMyTextBox').attr('disabled');
            if (disabled == true)
            {
                $("#txtMyTextBox").datepicker('disable');
            }
            else
            {
                $("#txtMyTextBox").datepicker('enable');
            }


        });


</script>



</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtMyTextBox" runat="server" Enabled="false"></asp:TextBox>
        <asp:Button ID="enable" runat="server" Text="enable" onclick="enable_Click" 
            style="width: 56px" />
        <asp:Button ID="disable" runat="server" Text="disable" 
            onclick="disable_Click" />

    </div>

    </form>
</body>
</html>

कोड के पीछे

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page 
{


    protected void enable_Click(object sender, EventArgs e)
    {
        txtMyTextBox.Enabled = true;
    }
    protected void disable_Click(object sender, EventArgs e)
    {
        txtMyTextBox.Enabled = false;
    }
}

https://code.i-harness.com

मैं jQuery के लिए काफी नया हूँ और मैं थोड़ी देर के लिए एक सभ्य मुक्त datepicker की तलाश कर रहा हूं। मैं jQuery UI के datepicker से काफी संतुष्ट हूं, लेकिन मैंने एक रोड़ा मारा है I जिस प्रोजेक्ट का मैं उपयोग कर रहा हूं उसे इस प्रोजेक्ट की आवश्यकता है कि मेरे पास पाठ बॉक्स के पास एक आइकन है। हालांकि यह काफी आसान है, मुझे नहीं पता कि गतिशील रूप से आइकन को अक्षम कैसे करें।

दो बातें जानने में मुझे दिलचस्पी है:

  1. मैं Datepicker की अक्षम स्थिति को कोड-पीछे से कैसे बदल सकता हूँ ताकि वह पोस्टबैक पर ट्रिगर हो?
  2. क्या यह संभव है कि यह विकलांगों के पाठ बॉक्स पर निर्भर करता है जो इसे जुड़ा हुआ है? (अर्थात यदि

    <asp:TextBox Id="txtMyTextBox" Enabled="false">

तो डेटपेकर भी अक्षम हो जाता है।

यह कोड है जो मैं datepicker के लिए उपयोग कर रहा हूं

<script type="text/javascript">
    $(function() {
        $("*[id$='txtMyTextBox']").datepicker({
            changeMonth: true,
            changeYear: true,
            showOn: 'button',
            buttonImage: '/images/icon-calendar.gif',
            buttonImageOnly: true
        });
    });
</script>

ठीक है, मुझे यकीन नहीं है अगर मैं आपको सही समझा, लेकिन आप datepicker के लिए एक ही छवि दिखाना चाहते हैं, लेकिन वह छवि क्लिक करने योग्य नहीं हो सकती है?

तो ऐसा करने के बजाय:

$(".textWithDatePicker").datepicker.....

आपको ऐसा कुछ करना चाहिए:

$(".textWithoutDatePicker").after("<img src='datePickerImage.png' />");

आपकी मदद करने के लिए, यह बेहतर होगा कि आपके पाठ बॉक्स में एक वर्ग की पहचान होती है जो उस पाठ बॉक्स के लिए आप का इरादा कर रहे हैं।


मुझे काफी केल्विन लक की तारीख पिकर पसंद है, मैं हाल ही में jQueryUI में एक से इसे करने के लिए बदल गया

http://www.kelvinluck.com/projects/jquery-date-picker/


यदि कोई दिनांक पिकर के बगल में स्थित बटन को छिपाने की कोशिश कर रहा है, तो विकल्प का उपयोग करें: 'शोऑन': आप DatePicker ऑब्जेक्ट को कॉल करते समय कन्स्ट्रक्टर को भेजते ऑब्जेक्ट में 'फोकस' यहां देखें: http://api.jqueryui.com/datepicker/#option-show पर


तस्वीर को अक्षम करने के लिए आपको केवल इस कमांड की ज़रूरत है:

$("#textWithoutDatePicker").datepicker("disable")

और सक्षम करने के लिए:

$("#textWithoutDatePicker").datepicker("enable")




datepicker