javascript - How to align datepicker icon appearing below the datepicker textbox properly? -

-

i have datepicker , want datepicker icon appear after datepicker. however, datepicker icon appears below datepicker. have attached jsfiddle. fiddle datepicker

      $(document).ready(function() {          $("#datepicker").datepicker({            changemonth: true,            changeyear: true,            yearrange: "-100:+0",            showon: 'button',            buttontext: 'show date',            buttonimageonly: true,            buttonimage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif',            dateformat: 'dd/mm/yy',            maxdate: 0          });        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>        <body>    <form>      <div class="row">        <div class="form-group col-md-1">          <label>dob :</label>        </div>        <div class="form-group col-md-3">          <input class="form-control" name="dob" value="" id="datepicker" type="text">        </div>      </div>    </form>  </body>

i tried getting datepicker button aligned textbox in many ways failed. have datepicker button aligned textbox.

it works on jsfiddle. however, if run on chrome. notice datepicker button appears below text box. how align text-box?

input.hasdatepicker {     display: inline-block;     margin-right: 5px;     width: -webkit-calc(100% - 21px);     width: -moz-calc(100% - 21px);     width: -o-calc(100% - 21px);     width: -ms-calc(100% - 21px);     width: calc(100% - 21px); }

add above css

$(document).ready(function() {          $("#datepicker").datepicker({            changemonth: true,            changeyear: true,            yearrange: "-100:+0",            showon: 'button',            buttontext: 'show date',            buttonimageonly: true,            buttonimage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif',            dateformat: 'dd/mm/yy',            maxdate: 0          });        });
input.hasdatepicker {    display: inline-block;    margin-right: 5px;    width: -webkit-calc(100% - 21px);    width: -moz-calc(100% - 21px);    width: -o-calc(100% - 21px);    width: -ms-calc(100% - 21px);    width: calc(100% - 21px);  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>        <body>    <form>      <div class="row">        <div class="form-group col-md-1">          <label>dob :</label>        </div>        <div class="form-group col-md-3">          <input class="form-control" name="dob" value="" id="datepicker" type="text">        </div>      </div>    </form>  </body>


Comments

Post a Comment

Popular posts from this blog

sql - VB.NET Operand type clash: date is incompatible with int error -

-
i trying display records table named staffpresentee database using clause... i using visual studio 2010... the table design follows- .......fieldname..................datatype........allownull 1......staff_id (fk).............numeric(18,0)......yes 2.......date........................date.............no 3......present.....................char(1)..........yes note type of 2nd field date , not datetime... i want display records table have today's date int 'date' field... current query is- cmd = new sqlclient.sqlcommand("select * staffpresentee date=" & date.now.date, cn) dr = cmd.executereader for dr = cmd.executereader error "operand type clash: date incompatible int" i tried select * staffpresentee query without clause runs correctly. try putting date value in sigle quotes maybe. cmd = new sqlclient.sqlcommand("select * staffpresentee date='" & _
Read more

SVG stroke-linecap doesn't work for circles in Firefox? -

-
i've got problem svg stroke-linecap attribute. i've got circular progress bar in angularjs , set outer circle (blue one) have rounded "ends". @ fiddle . <svg ... height="130" width="130"> <!-- ngif: background --> <circle ... ng-if="background" fill="#fff" class="ng-scope" stroke-width="13" stroke="#cc3399" r="57.5" cy="65" cx="65" stroke-linecap="round" /> <!-- end ngif: background --> <circle ... fill="none" stroke-dashoffset="36.12831551628261" stroke-dasharray="361.28315516282623" stroke-width="13" stroke="#432db3" stroke-linecap="round" r="57.5" cy="65" cx="65" transform="rotate(-89.9, 65, 65)" /> </svg> how can that?
Read more

python - TypeError: Scalar value for argument 'color' is not numeric in openCV -

-
here code im = cv2.imread('luffy.jpg') gray = cv2.cvtcolor(im,cv2.color_bgr2gray) ret,thresh = cv2.threshold(gray,127,255,0) contours,h = cv2.findcontours(thresh,cv2.retr_tree,cv2.chain_approx_simple) cnt in contours: moment = cv2.moments(cnt) c_y = moment['m10']/(moment['m00']+0.01) c_x = moment['m01']/(moment['m00']+0.01) centroid_color = im[c_x,c_y] centroid_color = np.array((centroid_color[0],centroid_color[1],centroid_color[2])) print type(centroid_color) cv2.fillpoly(im,cnt,centroid_color) i getting error on last line try , pass centroid_color color argument. <type 'numpy.ndarray'> , have been able pass data type cv2.fillpoly color in other instances, not sure why having problem here. fillpoly() expects iterable, i.e. put cnt in brackets. believe duplicate of https://stackoverflow.com/a/17582850/5818240 . moreover, centroid color variable contains strings. need convert them i
Read more