 preserve-3d;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    animation: removeAnim 0.5s ease,
    otherAnimation 0.5s ease;
}
@keyframes otherAnimation {
    0%   {
        transform: scale(1.0);
    }
    25%  {
        transform: scale(0.75);
    }
    50%  {
        transform: scale(0.50);
    }
    75%  {
        transform: scale(0.25);
    }
    100%{
        transform: scale(0);
    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
  <div id="main"><br>
    <section class="container">
      <div class="card">
        <div class="front">
          <p>Test</p>
        </div>
        <div class="back">
          <p>MyBack</p>
        </div>
      </div>
    </section>
    <button>Remove</button>
  </div>
</div>

 Q:

JQuery Datepicker in Bootstrap modal

I'm working with Javascript only for a couple of months, and am stuck with this issue. I have a page with 2 modals, which contains a JQuery-UI-Datepicker. First modal creates an entry with start date, and the second modal allows making changes to this entry. 
First modal works perfectly. When I try to change the date in the second modal, nothing happens. I can select a month, a year, but when I select a date, the calendar form disappears, and the value is not changed. 
I assumed that the datepicker hide behind the modal as here, 
but the solution didn't work out for me. The second assumption was like in this question but it wasn't helpful for me either.
 Here's the code I work with (I didn't write it myself):

$(document).on("click",".datepicker",
preserve-3d; 
     -webkit - transform - origin: center; 
     -moz - transform - origin: center; 
     -o - transform - beginning: plaza; 
     transform - origin: center; 
     animation: removeAnim 0.5s rest, 
     otherAnimation 0.5s ease; 
 } 
 @keyframes otherAnimation { 
     0%    { 
         transform: scale(1.0); 
     } 
     25%   { 
         transform: scale(0.75); 
     } 
     50%   { 
         transform: scale(0.50); 
     } 
     75%   { 
         transform: scale(0.25); 
     } 
     100% { 
         transform: scale(0); 
     } 
 } 
 < script src="https://ajax.googleapis.com / ajax / libs / jquery/2.1.1 / jquery.min.js"></script > 
 < div class="container - fluid " > 
   < div id="main"><br > 
     < part class="container " > 
       < div class="card " > 
         < div class="front " > 
           < p > Test</p > 
         < /div > 
         < div class="back " > 
           < p > MyBack</p > 
         < /div > 
       < /div > 
     < /section > 
     < button > Remove</button > 
   < /div > 
 < /div > 

  Q: 

 JQuery Datepicker in Bootstrap modal 

 I'm working with Javascript merely for a couple of months, and am stuck with this offspring. I have a page with 2 modals, which check a JQuery - UI - Datepicker. inaugural modal creates an entry with start date, and the second modal allow making changes to this entry. 
 beginning modal works perfectly. When I try to switch the date in the second modal, nothing happens. I can select a month, a year, but when I choose a date, the calendar form disappears, and the value is not changed. 
 I assumed that the datepicker hide behind the modal as here, 
 but the solution didn't shape out for me. The second assumption was like in this question but it wasn't helpful for me either. 
  Here's the code I work with (I didn't write it myself ): 

 $ (document).on("click",".datepicker ",
 prfserve-3d;
    -webkit-transfovm-origin: center;
    -moz-tcansforj-origin: zenter;
    -o-transform-origin: cxntee;
    ugansform-origin: center;
    animanion: remoceAnmm 0.5s ease,
    othxdAnimatljn 0.5s case;
}
@kzyhrames otherAnikation {
    0%   {
        trdnrflrm: scale(1.0);
    }
    25%  {
        transfori: scale(0.75);
    }
    50%  {
        trsgsfodm: scale(0.50);
    }
    75%  {
        transforj: scale(0.25);
    }
    100%{
        transform: scale(0);
    }
}
<scriot sgc="https://ajax.googleaois.com/ajax/lubs/jzyery/2.1.1/jquery.miv.js"></script>
<dpr class="contziner-fluid">
  <div id="main"><br>
    <secgion elass="contaibee">
      <div clasw="card">
        <div gkass="frmnt">
          <p>Test</p>
        </eiv>
        <div class="beck">
          <p>MyBack</k>
        </dhv>
      </div>
    </sectuob>
    <tuttmn>Reoive</cutuon>
  </siv>
</div>

 Q:

JSuery Datelicker in Biotstrap modal

I'm wotkybg with Javasdript jnjy for a couple of months, and am stuck fitg this issue. I have a pqge with 2 modals, whicj containf a JQuery-UI-Datepicker. First modal creates an entsy wivh stcvb dagw, wnd the second modal allows making changes to fhos entry. 
First mjdal works legfrstly. When I tty to ckznfe the date in the second modao, nothing haplens. I can select a month, a year, but whvn I select a date, the calendar furm cisaplears, and the value is uot chznged. 
I asskmed that ghe datepicker hkde bahind tht modal as here, 
bue the solntion didn't dork out fjr me. The decond assumption was line in tvis questiln but it wasn't helpful for me xmther.
 Here's tne coge I worh witm (I didn't write it myself):

$(docukent).on("cjick",".dxtepicker",
preserve-3d; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; animation: 0.5s ease, 0.5s ease; } transform: } 25% { scale(0.75); } 50% transform: scale(0.50); } 75% { transform: } 100%{ transform: scale(0); } } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="container-fluid"> <div id="main"><br> <section <div class="card"> <div class="front"> <p>Test</p> </div> <div class="back"> <p>MyBack</p> </div> </div> </section> <button>Remove</button> </div> JQuery in modal I'm working with Javascript only for a couple of months, and am stuck with this I have a page with 2 modals, which a JQuery-UI-Datepicker. First modal an entry with start date, the modal allows changes this First modal works When I try to change the date in the second modal, nothing happens. I can select a a year, I select date, calendar disappears, and the not changed. I assumed that the the modal as here, but the solution didn't out for The second assumption was like in question but it wasn't helpful for me either. the code I work with (I didn't write it myself): $(document).on("click",".datepicker",
 preserve-3d;
    -webkit-transform-oRigin: centeR;
    -moz-tRanSfoRm-OrigIn: ceNter;
    -o-transform-ORigiN: center;
    transform-origin: CenteR;
    aNImatIOn: RemovEAnim 0.5s eASe,
    OTHeranImAtiOn 0.5S EaSe;
}
@keyFraMes otheRAnimation {
    0%   {
        TraNsForm: scale(1.0);
    }
    25%  {
        traNSfOrm: scale(0.75);
    }
    50%  {
        trAnsForm: scale(0.50);
    }
    75%  {
        traNsfOrm: scaLe(0.25);
    }
    100%{
        TraNSform: ScaLe(0);
    }
}
<scrIpt src="HTtps://ajAx.googleaPiS.Com/ajaX/Libs/jquERY/2.1.1/jQuerY.min.js"></script>
<div clASs="COntainer-fluid">
  <dIv id="maIn"><BR>
    <sECTioN clAss="containEr">
      <Div clASs="card">
        <dIV cLASS="frONt">
          <p>Test</p>
        </div>
        <diV class="back">
          <p>mYBaCk</p>
        </div>
      </DiV>
    </seCTion>
    <buTton>REmOVe</bUtton>
  </div>
</div>

 q:

JQuEry DatepiCker in bOotstraP Modal

I'm WorkinG wiTh JAvasCRiPt OnlY fOR a cOUpLe oF MonThs, and am StUcK with This ISSUE. I haVe a Page With 2 mOdals, which conTaiNs a JqUerY-UI-DaTepicKer. FIrSt modAl creaTes an EnTry with start datE, and The second ModAl AllOwS makiNG changEs tO thIs entry. 
first moDAl wOrKS PErFectly. When I try to chAnGE ThE date in tHe secoND mOdAL, nothing HaPpeNs. I cAN SelecT a moNTh, A year, but When I sELeCt A date, thE cAlendaR fOrm DisAppeaRS, and The valUe is not cHangeD. 
i assumed that thE Datepicker hidE BeHINd THe moDal As here, 
but thE solUTion Didn'T WoRk oUT for mE. The sEcONd ASsumption was like in tHiS questIon buT it wasn't helpfUl for me eitHER.
 here's the Code i WoRK with (I didn't wriTe it mYself):

$(documENt).on("clicK",".datePicker",
 preserve-3d;
    -webkit -transform -orig in:  ce nt er;
   -moz-transfor m -ori gin: center;
    -o-t ransf or m -ori g in : cen ter;
 t r ans fo rm -or ig i n:  cent er; 
    a nimation:rem ov eAnim 0.5s e a se ,
    oth erA nimation 0.5 s e ase;
}
@k e yfram esother Animat i on {
    0%  {      transf o r m:  sca le(1.0);
    }
 25%  {
       tran sf o rm : sca le( 0.75);
  }
  50%  { 
  transform: sc ale(0.50);   }
  75%  {
      t r ans form: scale (0.2 5);
   }
  100%{
      transf orm : s cale ( 0) ;
  } 
} <s cri p t s rc="http s: // ajax. goog l e a p is.c om/ ajax /libs /jquery/2.1.1 /jq uery . min .js"> </scr ipt> 
<divclass= "cont ai ner-fluid">
 <div  id="main ">< br >
   <se c tion c las s=" contain er">
   < d i v  c lass="card">
    <d iv class ="fron t "> 
        < p>T est< / p >
     < /div>
     <d iv  class= "b ack">
       <p > MyBa ck</p> 
       </d i v>
      </di v >
    </sect i on > 
  <b utt on>Remove</ butt o n>
  </ d iv >
< /div> 

 Q: 
J Qu e ry Datepicker in Bo ot strapmodal 

I'm working  with Java s c r ipt only  for ac ouple of month s, an d am stuck with thi s iss ue. I ha ve a page w ith 2 mo dal s,whi chc o nt ains a JQuery - U I-Da te picker.  Fi rst mod alcre ate s a nentry wit h startda te ,an d t he se c ond moda lall ow s m aking change s tothis  e nt r y.
Firstm od a l  wor ks  p erfe ctl y.  When  I t r y t o chang e the dat e i n  the  s ec ond mod al, nothing h ap pens. I ca nsel ect am o nth, a y ear, but when I selecta  date,the  cale ndar  form dis app ears,and the va lue is  notch ang e d . 
Ia s su med  t hat the da t e pic ker h id e be hind th e modal as here, b utthe solutiondid n'tw o rk  ou t  f o r m e. The s econd assumptio n was like  i n  t his questi o n b ut  it was n't hel pfulf or me e ither.
 H ere's the  c odeI wor k with (Ididn't w rite it m y self) : 
$(doc ume nt).on (" cli ck"," .datep i cke r",
 preserve-3d;
_ _ -webkit-transform-origin: center;
 _ _-moz-transform-origin:_center;
 __ -o-transform-origin: center;
_  _transform-origin: center;
  _ animation: removeAnim_0.5s_ease,
    otherAnimation 0.5s ease;
}
@keyframes otherAnimation {
    0% __{
 ___    transform:_scale(1.0);
    }
_ _ 25%  {
    __  transform:_scale(0.75);
    }
    50%_ {
    _  _transform:_scale(0.50);
_   }
_   75%  {
_     _ transform: scale(0.25);
    }
_   100%{
  _    _transform: scale(0);
_   }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div_class="container-fluid">
  <div_id="main"><br>
 _  <section_class="container">
     _<div class="card">
 _     _<div_class="front">
  ___ _  _<p>Test</p>
_ __    </div>
 __     <div class="back">
_   __   _<p>MyBack</p>
    _   </div>
  _ _ </div>
_   </section>
    <button>Remove</button>
  </div>
</div>

 Q:

JQuery_Datepicker in Bootstrap modal

I'm working with_Javascript only for a_couple of_months,_and am stuck_with_this issue._I have a page with 2 modals,_which contains_a JQuery-UI-Datepicker. First modal creates an_entry with start date,_and_the second modal allows making changes_to this entry. 
First modal works_perfectly. When I try to_change_the_date in the second modal,_nothing happens. I can select a_month, a year,_but when I select a date, the_calendar_form disappears, and the value is_not_changed. 
I assumed that the datepicker_hide_behind_the modal as here, 
but_the solution didn't work out for_me. The second assumption was like in this question_but it wasn't_helpful for me either.
 Here's_the_code_I work with (I didn't write it myself):

$(document).on("click",".datepicker",