Datepicker问题

Question

我正在使用日期选择器，其中我们有多个日历，但问题是，在点击日期字段时，日历会显示在后台。请看一下链接：

'http://builderfunding.co.in/doylesweb/index.html'

我们使用的代码如下所示 -

`

<div class="form-group input-group col-lg-4"> 
            <!-- <label for="exampleInputName2">When do you want to go?</label>--> 
            <!-- <input type="date" class="form-control" id="exampleInputName2">-->
            <input id="datepicker" type="text" class="form-control">
            <span class="input-group-addon"><span class="fa fa-calendar"></span></span> </div>
              <div class="form-group input-group col-lg-4"> 
            <!-- <label for="exampleInputName2">When do you want to go?</label>--> 
            <!-- <input type="date" class="form-control" id="exampleInputName2">-->
            <input id="datepicker1" type="text" class="form-control">
            <span class="input-group-addon"><span class="fa fa-calendar"></span></span> </div>

`

Answer 1

这是Z指数问题

只需增加日期选择器输入的Z-index

public async Task<WebDownloadResult> SyncMobileData(string encryptedstring)
    {
        WebDownloadResult response = new WebDownloadResult();
        var client = new RestClient(BaseUrl + Constants.WEB_SERVICE_NAME);
        client.Timeout = CONN_TIMEOUT;
        client.ReadWriteTimeout = CONN_TIMEOUT;
        var request = new RestRequest(Method.POST);

        byte[] encryptedbytes=System.Text.Encoding.UTF8.GetBytes(encryptedstring);
        request.AddParameter("", encryptedbytes, ParameterType.RequestBody);

        try
        {
            response = await client.GetResponseBytesAsync(request);
        }
        catch (Exception outer)
        {
            response.ErrorOccured = true;
            response.ErrorMessage = outer.Message;
        }
        return response;

    }

我给出了内联样式。而不是那样请使用CSS

Answer 2

将此内容写入CSS文件

{{1}}