Angularjs - বর্তমান তারিখ প্রদর্শন করুন

Question

আমি কৌণিক সম্পর্কে একটি ভিউ পেয়েছি এবং আমি কেবল বর্তমান তারিখটি প্রদর্শন করার চেষ্টা করছি (ফর্ম্যাট করা)। আমি ভেবেছিলাম এমন কিছু <span>{{Date.now() | date:'yyyy-MM-dd'}}</span>বর্তমানের তারিখটি প্রদর্শন করা উচিত।

Comments

এটা হবে .. কিন্তু এটি জানেন না Date.now()।

— পুটভান্ডে

সুতরাং আমি কন্ট্রোলারে প্রথম পরিবর্তনশীল জেনার? আমি ভেবেছিলাম বর্তমান তারিখের মতো সাধারণ কিছু সহজ হবে :)

— Evo_x

Date.now()নোডজেএস ফাংশন

— নয়

@ না না এটি বিকাশকারী

— নয়.মোজিলা.আর.ইন

Answer 1

আপনাকে প্রথমে আপনার নিয়ামকটিতে একটি তারিখ অবজেক্ট তৈরি করতে হবে:

নিয়ামক:

function Ctrl($scope)
{
    $scope.date = new Date();
}

দেখুন:

<div ng-app ng-controller="Ctrl">
    {{date | date:'yyyy-MM-dd'}}
</div>

জেএসফিডেলের উদাহরণ

কৌণিক তারিখ ফিল্টার রেফ

Comments

হাই @ স্লথ আমি বর্তমান সিস্টেমের সময় প্রদর্শনের জন্য সিজিআই ব্যবহার করতে চাই। আমি কীভাবে সম্ভবত এটি করতে পারি? বা এটি সম্ভব? ধন্যবাদ

— bleyk

Answer 2

আপনি যখনই তারিখটি মুদ্রণ করতে চান প্রতিবারের সুযোগের সাথে কোনও তারিখ অবজেক্টটি সংযুক্ত করতে না চান তবে আপনি একটি ফিল্টার দিয়েও এটি করতে পারেন:

.filter('currentdate',['$filter',  function($filter) {
    return function() {
        return $filter('date')(new Date(), 'yyyy-MM-dd');
    };
}])

এবং তারপরে আপনার দৃষ্টিতে:

<div ng-app="myApp">
    <div>{{'' | currentdate}}</div>
</div>

Comments

তিনি পাশাপাশি একটি

— নির্দেশও

Answer 3

টেমপ্লেট

<span date-now="MM/dd/yyyy"></span>

নির্দেশিকা

.directive('dateNow', ['$filter', function($filter) {
  return {
    link: function( $scope, $element, $attrs) {
      $element.text($filter('date')(new Date(), $attrs.dateNow));
    }
  };
}])

আপনি Dateকোনও টেমপ্লেটে (কোনও ইনলাইন সমাধানের জন্য) সরাসরি অবজেক্টটি অ্যাক্সেস করতে পারবেন না বলে আমি এই নির্দেশিকাকে বেছে নিয়েছি। এটি আপনার নিয়ন্ত্রকদের পরিষ্কার রাখে এবং পুনরায় ব্যবহারযোগ্য।

Answer 4

ঠিক আছে, আপনি এটি গোঁফ প্রকাশ ( {{Date.now() | date:'dd.MM.yyyy HH:mm:ss'}}) দিয়ে করতে পারেন । আপনি যেখানে কেবল এই অভিব্যক্তিটি মূল্যায়ন করতে চান সেখানে আপনাকে তারিখ অবজেক্টটি নির্দিষ্ট করতে হবে।

এখানে jsfiddle উদাহরণ: jsfiddle

তবে এটি স্বয়ংক্রিয়ভাবে মান আপডেট হওয়ার আশা করবেন না। এই মানটি কৌণিক দ্বারা দেখা হয় না তাই আপনি যতবারই এটি আপডেট করতে চান প্রতিবার ডাইজেস্টকে ট্রিগার করতে হবে (উদাহরণস্বরূপ $ অন্তর দিয়ে) ... যা সম্পদের অপচয় (এবং ডক্সেও "প্রস্তাবিত" নয়)। অবশ্যই আপনি কেবল বাচ্চার সুযোগের সাথে জগাখিচু করার জন্য দিকনির্দেশক / নিয়ন্ত্রণকারীদের সাথে সংমিশ্রণটি ব্যবহার করতে পারেন (এটি সর্বদা উদাহরণস্বরূপ রুটস্কোপের চেয়ে ছোট এবং ডাইজেস্ট দ্রুত হবে)।

Answer 5

কেউ যদি এতে হোঁচট খায় তবে কেবল আমার 2 সেন্ট :)

আমি এখানে যা পরামর্শ দিচ্ছি তার বর্তমান ফলাফল হিসাবে একই ফলাফল হবে তবে আমি এখানে যেভাবে উল্লেখ করেছি সেভাবে আপনার নিয়ামকটি লেখার পরামর্শ দেওয়া হয়েছে।

প্রথম "নোট" এ রেফারেন্স স্ক্রোল করুন (দুঃখিত এটিতে অ্যাঙ্কর নেই)

এখানে প্রস্তাবিত উপায়:

নিয়ন্ত্রক:

var app = angular.module('myApp', []);   
app.controller( 'MyCtrl', ['$scope', function($scope) {
    $scope.date = new Date();
}]);

দেখুন:

<div ng-app="myApp">
  <div ng-controller="MyCtrl">
    {{date | date:'yyyy-MM-dd'}}
  </div>
</div>

Answer 6

আপনি AngularJS এ ব্যবহার করতে পারেন moment()এবং format()ফাংশন করতে পারেন ।

নিয়ন্ত্রক:

var app = angular.module('demoApp', []);   
app.controller( 'demoCtrl', ['$scope', '$moment' function($scope , $moment) {
$scope.date = $moment().format('MM/DD/YYYY');
}]);

দেখুন:

<div ng-app="demoApp">
  <div ng-controller="demoCtrl">
    {{date}}
  </div>
</div>

Answer 7

<script type="text/javascript">
var app = angular.module('sampleapp', [])
app.controller('samplecontrol', function ($scope) {
   var today = new Date();
   console.log($scope.cdate);
   var date = today.getDate();
   var month = today.getMonth();
   var year = today.getFullYear();
   var current_date = date+'/'+month+'/'+year;
   console.log(current_date);
});
</script>

Answer 8

আপনার উত্তরের নমুনা এখানে: http://plnkr.co/edit/MKugkgCSpdZFefSeDRi7?p= পূর্বরূপ

<span>Date Of Birth: {{DateOfBirth | date:"dd-MM-yyyy"}}</span>
<input type="text" datepicker-popup="dd/MM/yyyy" ng-model="DateOfBirth" class="form-control" />

এবং তারপরে নিয়ামকটিতে:

$scope.DateOfBirth = new Date();

Answer 9

দৃশ্য

<div ng-app="myapp">
{{AssignedDate.now() | date:'yyyy-MM-dd HH:mm:ss'}}
</div>

নিয়ামক

var অ্যাপ্লিকেশন = কৌণিক.মডিউল ('মায়াপ', [])

app.run(function($rootScope){
    $rootScope.AssignedDate = Date;
})

Answer 10

ফিল্টার ব্যবহার করে @ নিক জি এর মতো একটি সমাধান , তবে প্যারামিটারটিকে অর্থবহ করে তুলুন :

একটি ফিল্টার প্রয়োগ করুন relativedateযা প্রদত্ত প্যারামিটার দ্বারা পৃথক হিসাবে বর্তমান তারিখের সাথে সম্পর্কিত তারিখ গণনা করে। ফলস্বরূপ, (0 | relativedate)আজকের (1 | relativedate)অর্থ এবং আগামীকাল means

.filter('relativedate', ['$filter', function ($filter) {
  return function (rel, format) {
    let date = new Date();
    date.setDate(date.getDate() + rel);
    return $filter('date')(date, format || 'yyyy-MM-dd')
  };
}]);

এবং আপনার এইচটিএমএল:

<div ng-app="myApp">
    <div>Yesterday: {{-1 | relativedate}}</div>
    <div>Today: {{0 | relativedate}}</div>
    <div>Tomorrow: {{1 | relativedate}}</div>
</div>

Answer 11

করার আর একটি উপায় হ'ল: কন্ট্রোলারে, নীচে প্রদর্শিত হিসাবে বর্তমান তারিখটি ধরে রাখতে একটি পরিবর্তনশীল তৈরি করুন:

var eventsApp = angular.module("eventsApp", []);
eventsApp.controller("EventController", function EventController($scope) 
{

 $scope.myDate = Date.now();

});

এইচটিএমএল ভিউতে,

<!DOCTYPE html>
<html ng-app="eventsApp">
<head>
    <meta charset="utf-8" />
   <title></title>
   <script src="lib/angular/angular.js"></script>
</head>
<body>
<div ng-controller="EventController">
<span>{{myDate | date : 'yyyy-MM-dd'}}</span>
</div>
</body>
</html>

Comments

@ বিল্লা, আমি আমার কোড স্নিপেট আপডেট করেছি। আমি আশা করি, এটি এখন আরও বর্ণনামূলক।

— সুনিতা