Disable all days in jQuery DatePicker except 1st day of each month in ASP.Net

Hi iammann,

I have created sample. Refer the below code.

HTML

<div id="appoint" class="form-group col-md-2">
    <asp:TextBox ID="txtFromDate" runat="server" ReadOnly="true" class="form-control"></asp:TextBox>
</div>
<div id="Div1" class="form-group col-md-2">
    <asp:TextBox ID="txtToDate" runat="server" ReadOnly="true" class="form-control"></asp:TextBox>
</div>
<div id="Div2" class="form-group col-md-2">
    <asp:Button ID="btnSubmit" runat="server" Text="Show" OnClick="btnSubmit_Click" class="form-control btn-default" />
</div>
<div>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link rel="Stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
    <script type="text/javascript">
        $(function () {
            $("input[type=text]").datepicker({
                beforeShowDay: function (date) {
                    if (date.getDate() == 1) {
                        return [true, ''];
                    }
                    return [false, ''];
                }
            });
        });
    </script>
</div>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        txtFromDate.Text = DateTime.Today.ToShortDateString();
        txtToDate.Text = DateTime.Today.ToShortDateString();
    }
}

protected void btnSubmit_Click(object sender, EventArgs e)
{
    string from = Request.Form[txtFromDate.UniqueID];
    string to = Request.Form[txtToDate.UniqueID];
    txtFromDate.Text = from;
    txtToDate.Text = to;
}

Screenshot